使用变量修改日期选择器中的 maxDate 和 minDate

钻石乔12

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

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 文档令人困惑。

阿贡博士

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在更改时为引导日期时间选择器设置minDate和maxDate

来自分类Dev

Ngb 日期选择器 minDate 和 maxDate 未按预期工作

来自分类Dev

Datepicker minDate和maxDate在Internet Explorer中不起作用

来自分类Dev

Bootstrap datetimepicker minDate和maxDate无法在点击事件中更新

来自分类Dev

Bootstrap DateTimePicker 使用 minDate 和 maxDate 返回错误的时间

来自分类Dev

同一对话框上的DateTime选择器不接受minDate和maxDate

来自分类Dev

Bootstrap 3 Datepicker-minDate和maxDate

来自分类Dev

jQuery ui datepicker的动态minDate和maxDate

来自分类Dev

为Datepicker控制设置Mindate和MaxDate

来自分类Dev

Android-为开始日期和结束日期多次更新DatePickers的minDate和maxDate

来自分类Dev

如何使用jQuery Datepicker动态应用setDate和(minDate和maxDate)Date Range?

来自分类Dev

Struts2 jQuery Datepicker-通过maxDate和minDate设置过去的日期范围

来自分类Dev

Struts2 jQuery Datepicker-通过maxDate和minDate设置过去的日期范围

来自分类Dev

在javascript中为datepicker设置maxDate和minDate,不起作用

来自分类Dev

DatePicker输入minDate maxDate

来自分类Dev

DatePicker输入minDate maxDate

来自分类Dev

tempusdominus 清除 minDate/maxDate

来自分类Dev

日期选择器minDate今天和maxDate 31 Dec明年

来自分类Dev

如何确保输入TcxDateEdit的日期在MinDate / MaxDate之内?

来自分类Dev

如何确保输入TcxDateEdit的日期在MinDate / MaxDate之内?

来自分类Dev

根据ngxdaterangepicker角度8中的minDate设置maxDate

来自分类Dev

简单模式minDate maxDate

来自分类Dev

datepicker,minDate,maxDate + dateformat问题

来自分类Dev

jQuery Datepicker的minDate和maxDate集没有年份问题

来自分类Dev

jQuery UI Datepicker将一个月添加到minDate和maxDate

来自分类Dev

Datepicker minDate today and maxDate 31 Dec Next year

来自分类Dev

未在日期选择器中设置minDate

来自分类Dev

如何在日期选择器中设置minDate

来自分类Dev

Datepicker Maxdate变量问题

Related 相关文章

  1. 1

    如何在更改时为引导日期时间选择器设置minDate和maxDate

  2. 2

    Ngb 日期选择器 minDate 和 maxDate 未按预期工作

  3. 3

    Datepicker minDate和maxDate在Internet Explorer中不起作用

  4. 4

    Bootstrap datetimepicker minDate和maxDate无法在点击事件中更新

  5. 5

    Bootstrap DateTimePicker 使用 minDate 和 maxDate 返回错误的时间

  6. 6

    同一对话框上的DateTime选择器不接受minDate和maxDate

  7. 7

    Bootstrap 3 Datepicker-minDate和maxDate

  8. 8

    jQuery ui datepicker的动态minDate和maxDate

  9. 9

    为Datepicker控制设置Mindate和MaxDate

  10. 10

    Android-为开始日期和结束日期多次更新DatePickers的minDate和maxDate

  11. 11

    如何使用jQuery Datepicker动态应用setDate和(minDate和maxDate)Date Range?

  12. 12

    Struts2 jQuery Datepicker-通过maxDate和minDate设置过去的日期范围

  13. 13

    Struts2 jQuery Datepicker-通过maxDate和minDate设置过去的日期范围

  14. 14

    在javascript中为datepicker设置maxDate和minDate,不起作用

  15. 15

    DatePicker输入minDate maxDate

  16. 16

    DatePicker输入minDate maxDate

  17. 17

    tempusdominus 清除 minDate/maxDate

  18. 18

    日期选择器minDate今天和maxDate 31 Dec明年

  19. 19

    如何确保输入TcxDateEdit的日期在MinDate / MaxDate之内?

  20. 20

    如何确保输入TcxDateEdit的日期在MinDate / MaxDate之内?

  21. 21

    根据ngxdaterangepicker角度8中的minDate设置maxDate

  22. 22

    简单模式minDate maxDate

  23. 23

    datepicker,minDate,maxDate + dateformat问题

  24. 24

    jQuery Datepicker的minDate和maxDate集没有年份问题

  25. 25

    jQuery UI Datepicker将一个月添加到minDate和maxDate

  26. 26

    Datepicker minDate today and maxDate 31 Dec Next year

  27. 27

    未在日期选择器中设置minDate

  28. 28

    如何在日期选择器中设置minDate

  29. 29

    Datepicker Maxdate变量问题

热门标签

归档