单击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' });
     
});

Follow the code here

谢谢

解决方法

尝试这样

$(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()

在someText中显示选定的日期。

从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操作。