jquery ui の datepickerでカレンダーから日付選択

jquery ui の datepickerは、日付入力のときに手入力ではなく、
カレンダーから日付を選択するだけで入力できる機能です。
非常に便利。

サンプル:












コード:
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/redmond/jquery-ui.css" rel="stylesheet" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1");
google.load("jqueryui", "1");
$(document).ready(function(){
  $("#datepicker").datepicker();
});
</script>
<input id="datepicker" type="text" />
jquery uiもgoogle cdnに入っているので、気軽に使えますな。

 

人気の投稿