如何解决单击Datepicker jQuery
我正在使用jQuery Datepicker,我想在选择日期后捕获click事件,这可能吗,我该怎么办?
HTML代码:
Date From : <input type="text" name="datefrom" id="inputdate2" required>
<p id='someText'>
<!-- I want to set the date here after it was clicked -->
</p>
jQuery代码:
$(function() {
$("#inputdate2").datepicker({ dateFormat: 'dd-mm-yy' });
});
谢谢
解决方法
尝试这样
$(function() {
$("#inputdate2").datepicker({
dateFormat: 'dd-mm-yy',onSelect: function(dateText,inst) {
var date = $(this).val();
var time = $('#time').val();
console.log('on select triggered',date);
}
});
});
,
您可以简单地使用onSelect函数var mydata = JsonSerializer.Deserialize<MyClass>(jsonString);
,并使用.html()
从datePicker
更改change
后,文本将date
出现。
实时演示:
datepicker
$(function() {
$("#inputdate2").datepicker({
dateFormat: 'dd-mm-yy',onSelect: function(date,inst) {
$('#someText').html(date)
}
});
});
,
是的,有可能。只需找出带有事件的以下示例:
$("#inputdate2").datepicker("destroy");
$("#inputdate2").datepicker({
dayNamesMin: ["S","M","T","W","F","S"],beforeShowDay: function (d) {
var date = $.datepicker.formatDate("mm/dd/yy",d);
var c = dates.length;
var colorclass = "";
for (var i = 0; i < c; i++) {
if (date == dates[i].Date) {
colorclass += " " + dates[i].Color;
}
}
return [true,colorclass];
},defaultDate: sDate ? sDate : moment().format("MM/DD/YYYY"),onSelect: function (selectedDate) {
showLoader();
// Do stuff on date select
},afterShow: function () {
afterCalenderShow();
}});
仅供参考:使用Moment.js进行正确的Date操作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。