Javascript 单击Datepicker jQuery

我正在使用jQuery Datepicker，我想在选择日期时捕获单击事件，有可能吗，我该怎么做

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>

谢谢大家

像这样试试

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

像这样试试

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

您只需使用函数

datePicker

，并使用

只要您从

日期选择器

更改

日期

，文本将

更改

现场演示：

$（函数（）{
$（“#inputdate2”）.datepicker({
日期格式：“dd-mm-yy”，
onSelect：功能（日期、仪器）{
$（'#someText'）.html（日期）
}
});
});

日期：

您只需使用函数
日期选择器
并使用

只要您从
日期选择器
更改
日期
，文本将
更改

现场演示：


$（函数（）{
$（“#inputdate2”）.datepicker({
日期格式：“dd-mm-yy”，
onSelect：功能（日期、仪器）{
$（'#someText'）.html（日期）
}
});
});

日期：

是的，这是可能的。只需了解以下事件示例：

$("#inputdate2").datepicker("destroy");
$("#inputdate2").datepicker({
dayNamesMin: ["S", "M", "T", "W", "T", "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();
}});

$（“#inputdate2”）.datepicker（“销毁”）；
$（“#inputdate2”）.datepicker({
dayNamesMin:[“S”、“M”、“T”、“W”、“T”、“F”、“S”]，
展示日前：功能（d）{
变量日期=$.datepicker.formatDate（“mm/dd/yy”，d）；
var c=日期。长度；
var colorclass=“”；
对于（变量i=0；i

供参考：用于正确的日期操作。是的，这是可能的。只需了解以下事件示例：

$("#inputdate2").datepicker("destroy");
$("#inputdate2").datepicker({
dayNamesMin: ["S", "M", "T", "W", "T", "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();
}});

$（“#inputdate2”）.datepicker（“销毁”）；
$（“#inputdate2”）.datepicker({
dayNamesMin:[“S”、“M”、“T”、“W”、“T”、“F”、“S”]，
展示日前：功能（d）{
变量日期=$.datepicker.formatDate（“mm/dd/yy”，d）；
var c=日期。长度；
var colorclass=“”；
对于（变量i=0；i

仅供参考：用于正确的日期操作。
这里是工作演示谢谢@Santosh，它帮助了我！这里是工作演示谢谢@Santosh，它帮助了我！谢谢@Aways，它帮助了我@RXSD嗨，我不确定我的答案有什么问题。你先接受了，但今天没有接受-它完全按照你的要求工作？谢谢@Aways，它帮助了我@RXSD嗨，我不确定我的答案有什么问题。你先接受了，今天又不接受-它完全按照你想要的方式工作？