动态启用datepicker的日期

时间:2013-10-29 13:29:49

标签: jquery jquery-ui-datepicker

请帮我修改以下编程,以便接受用户输入并启用/禁用日期选择器的日期。 示例:当前星期六和星期日已启用。我想修改此编程以从用户读取数字(0到6)并启用日期。

http://jsfiddle.net/jquerybyexample/q9dEB/

<input type='text' id='txtDate' />

$(function () {
    $('#txtDate').datepicker({
        beforeShowDay: function (dt) {
            return [dt.getDay() == 1 || dt.getDay() == 2, ""];
        }
    });
});

2 个答案:

答案 0 :(得分:0)

$('#txtDate').datepicker({ 
    beforeShowDay: function( dt ) {
        //Between Monday to Saturday
        return [dt.getDay() >= 1 && dt.getDay() <= 6, ""];
    }
});

如果我认为你希望排除星期日是正确的,那么上述内容将与星期一到星期六相匹配。

小提琴http://jsfiddle.net/UdGZX/

答案 1 :(得分:0)

非常感谢你......我能够解决这个问题..

用户必须输入开始日(低至0)和结束日(高至6)的有效数字

你去吧

http://jsfiddle.net/shrikanth/q9dEB/139/

      <p><b>Sun-0 Mon-1 Tue-2 Wed-3 Thu-4 Fri-5 Sat-6</b></p><br />
      Enter No :<input type='text' id='a' /><br />
     Enter No :<input type='text' id='b'   /><br />
     Calender : <input type='text' id='txtDate'/>


      $(function(){    
      $("#txtDate").click(function (){


     $('#txtDate').datepicker({ beforeShowDay:
     function(dt)
     {var i= $("#a").val();
       var j= $("#b").val();

    return [dt.getDay() >= i && dt.getDay() <= j, ""];
  }
  });
  });
 });