【问题标题】:JQuery UI datepicker determine if Saturday clickedJQuery UI datepicker确定星期六是否点击
【发布时间】:2014-08-06 06:38:45
【问题描述】:

我正在使用 datepicker,如果有人选择星期六,我希望它使用不同的选项更新表单选择 - 知道怎么做吗?

我以为我可以使用 onSelect 函数,但到目前为止我的所有尝试都不起作用。

任何帮助将不胜感激!

  • 太棒了 - 这告诉我他们选择了星期六,但是我如何更改表单选择值来表示它。基本上一周中的所有日子都是一组选项值,但如果是星期六,选项会变窄......

【问题讨论】:

  • 添加到目前为止您尝试过的内容。还添加您的代码。
  • 如果是星期六,你能简单介绍一下你想做什么吗?

标签: jquery datepicker


【解决方案1】:

非常简单,下面是执行此操作的代码。

function doSomething() {
    var date1 = $('#datepicker').datepicker('getDate');
    var day = date1.getDay();
    if (day == 6) {
        //this is saturday do you code here.
        alert("Saturday");
    }
}

$( "#datepicker" ).datepicker({
    onSelect: doSomething
 });

这是小提琴 http://jsfiddle.net/murli2308/v4327/

【讨论】:

    【解决方案2】:

    你可以这样做。

    $("#TxtStrtDate").datepicker({
    
        changeMonth: true,
    
        onSelect: function (selectedDate) {
            var date = $(this).datepicker('getDate');
            var day = date.getUTCDay();
            if (day == '6') {
                alert('its a saturday');
    
            }
    
        }
    });
    

    getUTCDay() 方法根据通用时间返回指定日期的星期几(从 0 到 6)。

    注意:周日为 0,周一为 1,以此类推。

    JsFiddle

    【讨论】:

      【解决方案3】:

      从您的日期选择器中获取当前日期,然后使用 javascript日期对象: http://www.w3schools.com/jsref/jsref_obj_date.asp

      这是检查今天是哪一天的功能

      var d = new Date("Your_DATE_FROM_UI_DATEPICKER");
      
      if(d.getDay()==6){
       // Do your task
       }
      

      如果它是 6,则为你。设置 if else 条件以检查它是否为 6,然后在那里做你的事情

      【讨论】:

        【解决方案4】:

        这就是您选择星期六的方法。确认选择后运行您的代码。

        var date = $("#datepickerID").datepicker('getDate');
        var dayOfWeek = date.getUTCDay();
        
        alert(dayOfWeek);
        
        if(dayOfWeek == "saturnday") {
        
         // Do the magic
        
        }
        

        【讨论】:

        • 这如何回答 OP 的问题?
        • 获取选定的日期。只需要添加如果当天是星期六,这是基本的 if 子句
        • 太棒了 - 这告诉我他们选择了星期六,但是我如何更改表单选择值来表示它。基本上一周中的所有日子都是一组选项值,但如果是星期六,选项就会变窄......
        • 您无法更新 // Do the magic 部分中的选择?还是您在问如何更改选择字段?
        猜你喜欢
        • 2021-03-12
        • 1970-01-01
        • 2021-03-03
        • 1970-01-01
        • 2022-11-12
        • 2023-03-24
        • 1970-01-01
        • 2020-10-08
        • 2011-07-11
        相关资源
        最近更新 更多