本文說明datepicker Options 中的 firstDay defaultDate

其設定月曆框的預設日期

一、基本JS/HTML語法

JS: 

 //16-jQuery datepicker 設定 firstDay defaultDate
  $("#datepicker").datepicker({
    firstDay : 1,
    defaultDate : "-7d"
  });

二、基本說明

firstDay : 1

設置一週中的第一天。星期天為0，星期一為1，以此類推。

本文設定日曆第一格是星期一

defaultDate : "-7d"

設置默認加載完後第一次顯示時選中的日期。可以是Date對象，或者是數字（從今天算起，例如+7），

或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如：'+1m +7d')。

限第一次開啟日曆框顯示選中的日期

本文設定選中日期在當日減7天

三、程式內容 

<html>
<head>
<title>jquery.datepicker 16</title>
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
  $(function() {
    //16-jQuery datepicker 設定 firstDay defaultDate
    $("#datepicker").datepicker({
      //設置一週中的第一天。星期天為0，星期一為1，以此類推。
      firstDay : 1,//設定日曆第一格是星期一
      //設置默認加載完後第一次顯示時選中的日期。可以是Date對象，或者是數字（從今天算起，例如+7），
      //或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如：'+1m +7d')。
      //限第一次開啟日曆框顯示選中的日期
      defaultDate : "-7d"//設定選中日期在當日減7天
    });
  });
</script>
</head>
<body>
  <div class="datetest">
    <p class="datag">
      Date: <input type="text" id="datepicker" value="">
    </p>
  </div>
  <div>說明：jQuery datepicker 設定 firstDay defaultDate</div>
</body>
</html>

四、執行

圖1

五、測試

Date: 

說明：jQuery datepicker 設定 firstDay defaultDate

相關參考：

其它參考：

jQuery教學目錄

其它文章


​
arrow
arrow
    文章標籤
    datepicker jquery 目錄 firstday 教學 月曆 選中 script equiv 代表 ui 日期 日曆 content 星期一 cache 設置 顯示 date 加載
    全站熱搜

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄