【问题标题】:Hide/Show div based on datePicker & current date根据 datePicker 和当前日期隐藏/显示 div
【发布时间】:2015-08-12 09:58:02
【问题描述】:

我想根据日期选择器中的日期更改 div 的文本,具体情况如下

  • 如果 datePicker 日期是今天,我想要 msg1,
  • elseif datePicker 日期是明天,当前时间是 >= 下午 3 点,我想要 msg2,
  • elseif datepicker 日期是明天,我要msg3,
  • elseif datePicker 日期是当前日期的 +2 天,我想要 msg4,
  • 否则,没有消息。

日期选择器字段...

<input type="text" name="orderTime" class="" id="orderTime" value="" autocomplete="off" /><br><br>
<script type="text/javascript">         
        jQuery("#orderTime").datepicker({
            changeMonth: true, 
            changeYear: false, 
            dateFormat: 'dd/mm/yy', 
            firstDay: 1, 
            duration: 'fast', 
            maxDate: '+2m', 
            minDate: '-0d', 
            numberOfMonths: 1
        });
</script>

【问题讨论】:

  • 除了实例化一个日期选择器,你还尝试过什么?

标签: javascript jquery jquery-ui date datepicker


【解决方案1】:

使用 DatePicker 的 OnSelect 选项

脚本

<script type="text/javascript">            
    jQuery("#orderTime").datepicker({
        changeMonth: true, 
        changeYear: false, 
        dateFormat: 'dd/mm/yy', 
        firstDay: 1, 
        duration: 'fast', 
        maxDate: '+2m', 
        minDate: '-0d', 
        numberOfMonths: 1,
        onSelect: function (selectDate){
          // write your logic here  
          if(today) // today logic
            alert('today')
          else if(tomorrow) // tomorrow logic
            alert('tomorrow') 
        }
    });
</script>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-27
    • 1970-01-01
    • 1970-01-01
    • 2017-01-31
    • 2013-04-17
    相关资源
    最近更新 更多