bootstrap datepicker實驗

純input，不搭配vue.js

by cactus77kiki

HTML

<!--jquery-->
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<!--bootstrap-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!--time-->
<script src="https://momentjs.com/downloads/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/locale/zh-tw.js"></script>
<!--datepicker-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css">




<div class="input-group" id="datetimepicker1">
  <input type="text" class="form-control input-sm"/>
   <span class="input-group-addon" title="月曆">
     <i class="glyphicon glyphicon-calendar"></i>
   </span>
</div>

<script type="text/javascript">
    $(function () {
        $('#datetimepicker1').datetimepicker({
        	format:"YYYY/M/D"//,
          //defaultDate:new Date()	//give default value
        });
    });
</script>

JavaScript

/*
ref: bootstrap datepicker
https://ithelp.ithome.com.tw/articles/10188890
http://n.sfs.tw/content/index/10241
*/