【问题标题】:How to set values for datepicker in jquery如何在 jquery 中为 datepicker 设置值
【发布时间】:2016-07-19 13:08:17
【问题描述】:

我有一个日期选择器列表,我需要根据第一个日期选择器的选择设置值,如果我们在第一个日期选择器中选择值,则应将相同的值传递给所有其他日期选择器

<input name="start"  id='from'  class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" />
<input name="start" id='to' class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" />
<input name="start" id='return' class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" />
 <input name="start" id='depart' class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" />

这是我的 jquery

$('input.date-pick, .input-daterange input[name="start"]').datepicker().on('changeDate', function (ev) {

    var date2 = $('.date-pick').datepicker('getDate', '+1d'); 
    //alert (date2);
    date2.setDate(date2.getDate()+1); 
    $('input.date-pick).datepicker('setDate', date2);
});

但它不起作用。请帮助解决这个问题

提前致谢

【问题讨论】:

  • 请在小提琴中将 date2 date 3 date 4 更改为 date1 date1 date1。
  • 类似这样的东西:jsfiddle.net/jt2jq7uz

标签: javascript jquery datepicker


【解决方案1】:
$(function () {
$("#datepicker1, #datepicker2, #datepicker3, #datepicker4").datepicker();
$("#datepicker1").datepicker("option", "onSelect", function (dateText, inst) {
    var date1 = $.datepicker.parseDate(inst.settings.dateFormat || $.datepicker._defaults.dateFormat, dateText, inst.settings);

    var date2 = new Date(date1.getTime());
    date2.setDate(date2.getDate() + 1);
    $("#datepicker2").datepicker("setDate", date1);

    var date3 = new Date(date1.getTime());
    date3.setDate(date3.getDate() + 2);
    $("#datepicker3").datepicker("setDate", date1);

    var date4 = new Date(date1.getTime());
    date4.setDate(date4.getDate() + 3);
    $("#datepicker4").datepicker("setDate", date1);
});
});

Link Here.

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-12
    • 2012-10-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多