onchange未调用datepicker上的函数
是指在使用datepicker日期选择器时，当日期发生改变时，未能正确调用相应的函数。
解决这个问题的方法是确保正确绑定onchange事件，并在事件处理函数中调用所需的函数。
以下是一个示例代码，演示如何正确使用datepicker并调用相应的函数：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
</head>
<body>
<input type="text" id="datepicker">
<script>
$(document).ready(function() {
$("#datepicker").datepicker({
onSelect: function(dateText, inst) {
// 在这里调用你的函数
yourFunction(dateText);
}
});
});
function yourFunction(date) {
// 在这里处理日期改变后的逻辑
console.log("选择的日期是：" + date);
}
</script>
</body>
</html>在上述代码中，我们使用了jQuery和jQuery UI库来创建datepicker日期选择器。在datepicker的初始化过程中，我们通过onSelect选项指定了一个回调函数，该函数会在日期发生改变时被调用。在回调函数中，我们调用了名为yourFunction的函数，并将选择的日期作为参数传递给它。
你可以根据实际需求修改yourFunction函数的实现，以适应你的业务逻辑。
腾讯云相关产品和产品介绍链接地址：
- 云开发：https://cloud.tencent.com/product/tcb
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/ioe
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（TBC）：https://cloud.tencent.com/product/tbc
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
- 更多腾讯云产品请参考：https://cloud.tencent.com/products
相关·内容
2回答
onchange未调用datepicker上的函数
javascript、jquery、html
我有一个问题，一个函数在更改时没有被调用。然而，我确实设置了一个onmouseover事件来查看函数是否可以被调用。onchange不起作用，但onmouseover起作用。你知道为什么onchange在选择日期后不起作用吗？选择日期后，该字段实际上会发生更改。mastercontrol.translate.Adaptimmune_TRANS_CDEV.C_L11#" onblur="SetFieldsRequired();" onmouseover=&qu
浏览 11提问于2017-01-10得票数 0
回答已采纳
1回答
获取初始化/创建全局对象的函数名
javascript
我有一个DatePicker类，它在不同的位置通过不同的选项从不同的函数调用。
现在我已经添加了一个选择框，它根据所选值为DatePicker加载额外的选项。在Selectbox的onchange事件中，我想用额外的选项刷新DatePicker。但是由于DatePicker可以从不同的函数调用，具有不同
浏览 0提问于2012-11-29得票数 0
回答已采纳
1回答
如何在function上调用函数--datePicker 'isClearable‘方法？
javascript、react-hooks、frontend、react-datepicker、react-daterange-picker
我在我的一个项目中实现了react-datepicker。我正在根据从react-datepicker中选择的月份筛选出我的数据。
当我选择能够在onChange中成功使用的日期时，我想调用一个函数？与使用日期选择器组件上的isClearable方法中的交叉图标清除日期时调用函数的方式相同。有没有办法在isClearable上<
浏览 11提问于2022-11-24得票数 0
2回答
JavaScript对象奇怪的行为
javascript、jquery、datepicker
请原谅我问了一个不标准的问题，一切都很好，但仍然很奇怪。在网页上，我使用的datepickerHTML：用于DatePicker插入的函数：
function insert_datepicker$('#datepicker-calendar').<e
浏览 1提问于2013-06-11得票数 0
回答已采纳
3回答
开角垫-打字记录中的数据报警器
angular、typescript、datepicker
我有这样的选择： <input matInput [matDatepicker]="picker" placeholder="Choose a date"> </mat-form-field>
浏览 2提问于2018-06-01得票数 5
回答已采纳
1回答
日期选择器中的onChange
reactjs、material-ui
我正在使用Material UI v0中的DatePicker。为此，我创建了名为DateField的不同组件，其返回DatePicker的方式如下： render() { <div> this.props.
浏览 74提问于2021-03-31得票数 0
1回答
如何正确使用react-datepicker <DatePicker />
javascript、reactjs、datepicker、react-datepicker
我正在使用React前端进行编码，在寻找一种在日历上选择日期的方法时，我遇到了一个名为"react-datepicker"的很酷的react模块。这几乎做了我需要的所有事情。我正在尝试使用在指南网站https://reactdatepicker.com/上看到的<DatePicker />组件 我遇到麻烦的是钩子调用。我似乎找不到解决此钩子<em
浏览 99提问于2020-10-21得票数 0
1回答
Office UI / DatePicker - onSelectDate不将事件作为参数发送
reactjs、fluent-ui
我像这样调用DatePicker组件： label="Start date" value={new Date(props.entity.datumFrom)}文档中说，onSelectData回调函数只提供一个选定的日期作为参数onSelect
浏览 1提问于2020-07-02得票数 1
3回答
在更新文本框之前，onblur正在被调用。
javascript、jquery、asp.net、datepicker
我有一个用于日期的文本框，这样用户就可以使用数据报警器选择日期。然后，在我的jquery中，我想检查它的日期，所以我添加了一个警告：{}
浏览 4提问于2016-11-10得票数 0
回答已采纳
4回答
物料UI日期选择器日期格式反应
datepicker、react-redux、material-ui
我无法在React应用程序中设置材料UI日期选择器的格式？？DatePicker组件import DatePicker from 'm
浏览 0提问于2018-05-14得票数 8
4回答
jquery datepicker onselect的问题
jquery、datepicker、onselect
根据jquery站点上的基本onSelect规范，我尝试了以下代码： <script type="text/javascript"> $("#datepicker").datepicker();
浏览 1提问于2009-08-13得票数 14
回答已采纳
2回答
JS脚本由1个元素调用，而不是由其他3个元素调用
javascript、jquery、asp.net、datepicker
我确定这是基于这样一个事实:当我在devtools调试器打开时以chrome格式运行页面时，我会在函数开始时停留在断点处。这些元素是在asp.net网页上定义的。="GetTZ($('airPickupdateInput').val(), this.val())" />
当我从名为airPickupdateInput的datepicker元素中选择日期时，函数将按预期的方式调用但是，当我更改输入文
浏览 2提问于2015-02-27得票数 0
1回答
在react中加载jquery相关库
javascript、jquery、twitter-bootstrap、reactjs、datepicker
但是，我决定使用，但是，react does datepicker没有内联选项。 );
更新：
因此，虽然这在呈现引导日历方面进行了锻炼，但当#my_隐含_input的值被更新时我添加了一个onCh
浏览 1提问于2017-06-14得票数 0
回答已采纳
1回答
react-datepicker无法在加载时设置默认值
reactjs、datepicker
在我的Meteor/React应用程序中的datepicker中，我找不到一种方法来设置/更新状态，以获取从属性加载的默认值。import DatePicker from "react-datepicker";
startDate: date }
浏览 3提问于2017-03-21得票数 2
回答已采纳
1回答
无法在屏幕上显示带有反应钩的数据报警器-窗体。
reactjs、datepicker、next.js、react-datepicker、react-hook-form
我用的是react-form-hooks和react-datepicker我遵循在中给出的示例，其中他们还使用了具有react forms的react-datepicker。期望的结果：当我选择日期时，日期应该出现在日期输入框中例如: 09/08/2020
下面是我写的代码。control={con
浏览 6提问于2020-08-09得票数 1
回答已采纳
1回答
在javascript中设置另一个Telerik Datepicker的onChange事件的Telerik datepicker的最小日期
c#、javascript、asp.net-mvc-3、datepicker
我用的是telerik Datepicker.并希望在javascript中实现这一点。<%: Html.Telerik().DatePickerFor(model => model.StartDate).ClientEvents(events => events.OnChange); 但是它给我的错误是d
浏览 0提问于2013-06-07得票数 0
1回答
如何调用OnChange事件的DatePicker
jquery、asp.net-mvc-3
我有一个按钮，当我单击该按钮时，我希望相应地重新加载我的DatePicker并从单击事件启动datePicker的beforeShowDay事件。
我怎么能这么做？如何将DatePicker日期设置为ListDate日期？var ListDate = new ()；var ID；$(函数() { $("#myDateDiv").datepicker({ showOtherMonths: true，selectOtherMonthsyy/mm
浏览 1提问于2011-05-04得票数 1
回答已采纳
1回答
仅更新我更改其他状态的日期不应更新或更改ReactJS/React-Hooks
javascript、datepicker、react-hooks、react-datepicker
通过react钩子的新概念，我想发布一些数据，我使用的是useState未来，所以当我更改日期时，其他日期也会更新ı选择的日期。我希望它只更新相关的日期。如果使用not datepicker包更改planRegisterStartDate，则其他人不应该影响ı，ı如何使用ı执行此操作 const [planGroupData, setPlanGroupDataprojeRegisterFinishDate, } = planGroupData
浏览 10提问于2019-09-25得票数 1
2回答
单击输入时Datepicker关闭
jquery、twitter-bootstrap、datepicker
我正在使用datepicker的这个插件。当输入本身被重新单击时，如何使其也关闭？
浏览 1提问于2016-10-10得票数 0
1回答
React Datepicker -在绑定以启用e.preventDefault()时显示错误的日期
reactjs、forms、datepicker、bind
Datepicker正在检测到正确的日期，但表单正在刷新。 因此，我将e.preventDefault()插入到函数中。 这给了我一个错误，说e.preventDefault()不是一个函数。因此我将函数更改为使用绑定 onChange={(event)=> this.changeStartDetails.bind(this)} 但现在，无论我选择哪一天，datePicker都会在午夜将其注册为今天完整的代码在这里 摘要代码如下： const
浏览 12提问于2020-08-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
