【问题标题】:Modifying maxDate and minDate in datepicker using variables使用变量修改 datepicker 中的 maxDate 和 minDate
【发布时间】:2019-06-11 02:19:49
【问题描述】:

我已经使用此处找到的基本模板构建了一个日期选择器:

https://github.com/qodesmith/datepicker/blob/master/README.md

我的代码是:

const picker = datepicker(document.querySelector('#datepicker'), {



 // Event callbacks.
    onSelect: function(instance) {

    var instanceSplit = instance.dateSelected.toString().split(" " ,4)
    var instanceClean = instanceSplit.toString().replace(/,/g, ' ')
    selectedDate = instanceClean
    console.log(selectedDate)
    update()

    },


     onShow: function(instance) {
        console.log('Calendar showing.');
      },
      onHide: function(instance) {
        console.log('Calendar hidden.');
      },
      onMonthChange: function(instance) {
        // Show the month of the selected date.
      },



      // Customizations.
      formatter: function(el, date, instance) {
        // This will display the date as `1/1/2019`.
        el.value = date.toDateString();
      },

      position: 'tr', // Top right.
      startDay: 1, // Calendar week starts on a Monday.
      customDays: ['S', 'M', 'T', 'W', 'Th', 'F', 'S'],
      customMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
      overlayButton: 'Go!',
      overlayPlaceholder: 'Enter a 4-digit year',

      // Settings.
      alwaysShow: true, // Never hide the calendar.
      dateSelected: new Date(), // Today is selected.
      maxDate: new Date(2019, 5, 21), // Jan 1st, 2099.
      minDate: new Date(2016, 5, 1), // June 1st, 2016.
      startDate: new Date(), // This month.

});

虽然一切正常,但我想将 maxDate 设置为从今天开始的一周。虽然我知道我可以这样做:

    var firstDay = new Date();
    var nextWeek = new Date(firstDay.getTime() + 7 * 24 * 60 * 60 * 1000);

我不知道如何将变量传递给maxDate: 对象。如果我在格式化程序函数中或全局声明一个 maxDate 变量,我无法将它传递给对象。

事实上,我什至无法弄清楚下面的整个代码是如何工作的。我不确定格式化程序函数在做什么,也不清楚最后的对象与整个函数的关系。对于这个有点笼统的问题,我深表歉意,但我发现 datepicker 文档令人困惑。

【问题讨论】:

  • 当您在const picker = ... 行上方定义一个变量并将其传递给maxDate: 时会发生什么?值只是没有设置吗?还是您看到其他错误?

标签: javascript jquery object datepicker


【解决方案1】:

您可以尝试内联 +7 天计算。

maxDate: new Date(new Date().getTime() + 7 * 24 * 60 * 60 * 1000),

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-04-22
    • 2014-07-03
    • 1970-01-01
    • 1970-01-01
    • 2017-04-07
    • 1970-01-01
    • 2015-02-11
    • 2023-04-07
    相关资源
    最近更新 更多