时间戳

首页 > 解决方案 > 如何使用 Jquery/Javascript 仅启用日期选择器中的某些特定日期

javascript - 如何使用 Jquery/Javascript 仅启用日期选择器中的某些特定日期

问题描述

我需要Jquery使用 Jquery/Javascript 根据 datepicker 中的用户输入日期启用一些特定的未来日期。我在下面解释我的代码。

<strong>Select Date:</strong>
<input type='text' id='txtDate' />
<button class="process" id="btn" onclick="duplicate();">Clean</button>
<script type="text/javascript">
    $( "#txtDate" ).datepicker({
        changeMonth: true,
        dateFormat: 'dd-mm-yy',
        minDate: 0,
    });
    function duplicate() {

    }
</script>

这里我有 jquery datepicker。假设我只需要启用所有未来的Monday and Thrusday日期，而其他日期将保持禁用状态。

标签： javascriptjquery

解决方案

请尝试以下代码：

$("#txtDate").datepicker("destroy");
$("#txtDate").datepicker({ 
    dateFormat : 'yy-mm-dd',
    beforeShowDay: disableDates
});

var disableDates = function(dt) {
   //define dates which you want to disable
   //for example
    var dateString = jQuery.datepicker.formatDate('yy-mm-dd', dt);
    return [dateRange.indexOf(dateString) == -1];
}

寻找更多解决方案

推荐阅读