javascript - 根据 datePicker 和当前日期隐藏/显示 div

Question

我想根据以下场景的日期选择器中的日期更改 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>

Answer 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>