jQuery

【jQuery】レスポンシブフラットデザインのDateTime Picker

September 24, 2016
DateTime Picker

DateTime PickerはjQueryを使ったウェブとモバイル用のレスポンシブフラットデザイン

プラグインファイル

 <link rel="stylesheet" type="text/css" href="DateTimePicker.css" />
 <script type="text/javascript" src="DateTimePicker.js"></script>
	
 <!--[if lt IE 9]>
  <link rel="stylesheet" type="text/css" href="DateTimePicker-ltie9.css" />
  <script type="text/javascript" src="DateTimePicker-ltie9.js"></script>
 <![endif]-->
 
 <!-- For i18n Support -->
 <script type="text/javascript" src="DateTimePicker-i18n.js"></script>

HTML

<!--  Date Input  --> 
 <p>Date : </p>
 <input type="text" data-field="date" readonly>
	
 <!--  Time Input  -->
 <p>Time : </p>
 <input type="text" data-field="time" readonly>
	
 <!--  DateTime Input  -->
 <p>DateTime : </p>
 <input type="text" data-field="datetime" readonly>

	
	
 <div id="dtBox"></div>

プラグインの初期化

 $(document).ready(function()
 {
   
     $("#dtBox").DateTimePicker();
   
 });

オプションは省きます。

MITライセンス