<ruby id="exfl6"></ruby>
    1. bootstrap datepicker控制日期選擇
      時間: 2018-11-21來源:開源中國
      前景提要
      HDC調試需求開發(15萬預算),能者速來!>>>
      頁面點擊按鈕彈出模態框如下圖所示:

      第一次選擇日期,開始日期、結束日期選擇如圖所示;選擇完后直接關閉模態框,再次點擊按鈕彈出模態框,點擊開始日期輸入框彈出日期面板會高亮顯示上次選擇的日期,且由于上次選擇的結束日期為22,故22之后的無法選擇;結束日期同理,由于上次選擇的開始日期為20,故20之前的日期無法選擇。以下是js代碼: $('#createArrangeDialog').on('shown.bs.modal', function () { $('#startday').datepicker({ format: 'yyyy-mm-dd', autoclose : true, clearBtn: true, }).on('changeDate',function(e){ if (e.date) { $('#endday').datepicker('setStartDate', new Date(e.date.valueOf())); } else { $('#endday').datepicker('setStartDate', null); } }); $('#endday').datepicker({ format: 'yyyy-mm-dd', autoclose : true, clearBtn: true, }).on('changeDate',function(e){ if (e.date) { $('#startday').datepicker('setEndDate', new Date(e.date.valueOf())); } else { $('#startday').datepicker('setEndDate', null); } }); });
      如何能限制開始日期小于結束日期,且每次彈出模態框可以重新選擇,不會記錄上次選擇的日期邊界。

      科技資訊:

      科技學院:

      科技百科:

      科技書籍:

      網站大全:

      軟件大全:

      熱門排行
      人妻激情偷乱视频一区二区三区,成人片黄网站A毛片免费,午夜福利在线观看,未满十八18禁止免费无码网站

      <ruby id="exfl6"></ruby>