jQueryで年月日と時間のピッカー(datetimepicker)

jQueryで年月日と時間を選択できるピッカーを導入したかった。以前にbootstrap版とjQuery UI版のメモを書いたが今回はjQueryだけで対応したかった。以下に導入方法のメモ。

サンプル

http://sample.taitan916.info/datetimepicker3/

ソース

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>
<script>
$(function(){

	$.datetimepicker.setLocale('ja'); //日本語化はこの一文が必要
	$('#ymd').datetimepicker({
		step: 10, 
		format: 'Y-m-d H:i'
	});

});
</script>

$('#ymd').datetimepicker({
	lang:'ja'
});

$.datetimepicker.setLocale('ja');

参考サイト

http://wp-me.blogspot.com/2016/04/jquery-datetimepicker.html