【问题标题】:How to show dates for current month and next month only in bootstrap Datepicker如何仅在引导程序 Datepicker 中显示当前月份和下个月的日期
【发布时间】:2018-03-11 12:11:40
【问题描述】:

我已经为政策启动实施了一个引导日期选择器,因此我想向用户展示仅选择当前月份和下个月的日期。

谁能告诉我在引导日期选择器中怎么可能?

$(".policy-start-dp").datepicker({

});

【问题讨论】:

标签: jquery-ui datepicker jquery-ui-datepicker bootstrap-datepicker


【解决方案1】:

您需要设置日期选择器的最小值和最大值

    //Get Current Date
    var date = new Date();

    //Create Variable for first day of current month
    var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);

    //Create variable for last day of next month
    var lastDay = new Date(date.getFullYear(), date.getMonth() + 2, 0);


    $( "#datepicker" ).datepicker({ 
        minDate: firstDay, 
        maxDate: lastDay 
    });

希望有帮助:)

【讨论】:

  • 如何使用此代码禁用当前日期的过去日期?
  • 只需将最小日期设置为日期 - 这意味着日期必须在今天和下个月末之间。
【解决方案2】:

不需要设置开始和结束日期,只需将“startDate”代码放在下面。

var changeDateFormat = () => {
if ($(fileMonths).parent().parent().hasClass('sandbox-container')) {
    $('#fileMonths').datepicker({
        autoclose: true,
        minViewMode: 1,
        startDate: '0m',
        format: "mm/yyyy"
    });
}

};

日期选择月份

【讨论】:

    猜你喜欢
    • 2020-11-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-06
    • 2021-07-29
    • 1970-01-01
    • 2021-11-16
    相关资源
    最近更新 更多