View加入jQuery DateTimePicker的注意事項

  1. 專案新增 jQuery.UI.Combined 套件
  2. 主版View新增下列索引
    • <script src="~/Scripts/jquery-1.12.4.min.js"></script>
    • <script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>
    • <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
  3. 功能View在控制項加上jQuery辨識用class , ex: datepicker
    • @Html.TextBoxFor(m => Model.Birthday, new { @class = "form-control datepicker" })
  4. 最後,於功能View畫面內,加入下列程式碼(須注意擺放JS位置,不然可能會抓不到物件):
    • <script>
    •     $(function () {
    •         $(".datepicker").datepicker({
    •              dateFormat:"yy/mm/dd"
    •         });
    •     });
    • </script>

留言

這個網誌中的熱門文章

溪和食品有限公司 - 觀光工廠接待人員(薪約30K.免費供餐),今天投遞此份工作。

載入JavaScript code的最佳時機