Ryan的blog

因為工作需求，需要可以讓客戶選擇日期 "+" 時間，

但.Net 的萬年曆需要拉ScriptManager這微軟的糖衣，且他又沒有時間選擇的功能，

Jquery 就有這樣的Plugin - Any+time http://www.ama3.com/anytime/#AnyTime.picker.placement

使用方式很簡單!

<script type="text/javascript" src="lib/jquery/jquery-1.4.2.js"></script>

//請至上網頁下載
<link rel="stylesheet" type="text/css" href="lib/Jscript/anytime.css"><link>
<script type="text/javascript" src="lib/Jscript/anytime.js"></script>

Html 部分:

 <input type="text" id="txtTimer" value="請點此選擇日期時間" />

js部分:

<script type="text/javascript">
 $().ready(function(){
   $("#txtTimer").AnyTime_picker( );

//下面可以只顯示 :年-月-日  時:分

 //$("#txtTimer").AnyTime_picker({ format: "%Z-%m-%d %H:%i" } );

//還可客製你要的對應的label的內容

$("#<%=txt.ClientID %>").AnyTime_picker(
        { format: "%Z-%m-%d %H:%i",
            labelYear: "年",
            labelMonth: "月",
            labelDayOfMonth: "日期",
            labelHour: "時",
            labelMinute:"分",
            labelTitle: "選擇日期時間"
         });

 });
</script>

可以試試看!