Artificial Intelligence Programming Lab(AIPLab) 討論區

Please login or register.

請輸入帳號, 密碼以及預計登入時間

新聞:

[慶賀]恭喜張清貿醫師升任北榮傳醫科主治醫師-20170201

作者 主題: jQuery UI Datepicker  (閱讀 3230 次)

admin

  • 管理員
  • Hero Member
  • *****
  • 文章: 1765
    • 檢視個人資料
jQuery UI Datepicker
« 於: 八月 14, 2012, 12:22:20 pm »
(1) css links
   <link rel="stylesheet" href="jquery-ui-1.8.22/css/jquery-ui-1.8.22.css">
(2) js
   <script src="jquery-ui-1.8.22/js/jquery-1.7.2.min.js"></script>
   <script src="jquery-ui-1.8.22/js/jquery-ui-1.8.22.js"></script>
(3) 民國年
程式碼: [Select]
jQuery(function($){
 $.datepicker.regional['zh-TW'] = {
  closeText: '關閉',
  prevText: '&#x3c;上月',
  nextText: '下月&#x3e;',
  currentText: '今天',
  monthNames: ['一月','二月','三月','四月','五月','六月',
  '七月','八月','九月','十月','十一月','十二月'],
  monthNamesShort: ['一','二','三','四','五','六',
  '七','八','九','十','十一','十二'],
  dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
  dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
  dayNamesMin: ['日','一','二','三','四','五','六'],
  weekHeader: '周',
  dateFormat: 'yy/mm/dd',
  firstDay: 1,
  isRTL: false,
  showMonthAfterYear: true,
  yearSuffix: '年'};
 $.datepicker.setDefaults($.datepicker.regional['zh-TW']);
});

</script>
已記錄

admin

  • 管理員
  • Hero Member
  • *****
  • 文章: 1765
    • 檢視個人資料
jQuery UI Datepicker-Usage
« 回覆文章 #1 於: 八月 14, 2012, 01:19:37 pm »
(1) 使用今天當預設日期
程式碼: [Select]
<p>日期: <input type="text" id="datepicker" value="<?php echo date('Y/m/d');?>" ></p>
(2) 使用資料庫資料
程式碼: [Select]
已記錄

admin

  • 管理員
  • Hero Member
  • *****
  • 文章: 1765
    • 檢視個人資料
回覆: jQuery UI Datepicker-multiple instances
« 回覆文章 #2 於: 十一月 24, 2012, 08:03:42 pm »
程式碼: [Select]
<input type="text" class="datepick" id="date_1" />
<input type="text" class="datepick" id="date_2" />
<input type="text" class="datepick" id="date_3" />


$('.datepick').each(function(){
    $(this).datepicker();
});
已記錄
 

SimplePortal Classic 2.0.5