jQuery datepicker月曆去除時分秒選單功能-教學撰寫:徐嘉裕Neil hsu

 jQuery datepicker月曆是非常好用的時間選擇套件，可以選擇年/月/日/時/分/秒，不過最近剛好需要用到的時間格式為date，不需要時分秒，雖然官網有datepicker選單的設定方法，但我還是覺的自己寫一個js hack來處理比較快，以下為程式說明

原生的datepicker月曆套件因該是如下圖這樣，有完整的時間選項

只需要加上以下code，就能去除時分秒按鈕及文字框中的00:00:00

<script>
$(document).ready(function() {
$('body').on('change', '#mydate1', function() {  //紅字為月曆input的id
var date = $(this).val();
var newDate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(date);
$(this).val(newDate);
$('.ui-timepicker-div').remove();
})
});
</script>

這樣就可以了，實際測試看看

時分秒套件已經被移除，文字框也不會再顯示00:00:00，這樣存進資料表date欄位就不會出錯，有需要的朋友參考看看!

工作心得撰寫：徐嘉裕 Neil hsu