【问题标题】:shieldui datepicker formattingshieldui 日期选择器格式
【发布时间】:2025-12-12 07:30:01
【问题描述】:

我尝试像这样使用 shieldui 日期选择器

<input id="datepicker"/>  
 jQuery(function ($) {
        $("#datepicker").shieldDatePicker();
    });

我也添加了链接

<script  src="https://www.shieldui.com/shared/components/latest/js/jquery-1.11.1.min.js"></script>
    <script  src="https://www.shieldui.com/shared/components/latest/js/shieldui-all.min.js"></script>
<link id="themecss" rel="stylesheet" href="https://www.shieldui.com/shared/components/latest/css/light/all.min.css" />

但是 datepicker 没有按预期显示我试试这个参考链接 reference link

js fiddle

【问题讨论】:

  • 它对我有用。你想念款式吗?如果是这样,我只是将它添加到资源中(因为它应该在 jsfiddle 中)

标签: javascript jquery datepicker shieldui


【解决方案1】:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>

<link id="themecss" rel="stylesheet" type="text/css" href="//www.shieldui.com/shared/components/latest/css/light/all.min.css" />
<script type="text/javascript" src="//www.shieldui.com/shared/components/latest/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="//www.shieldui.com/shared/components/latest/js/shieldui-all.min.js">      </script>
</head>
<body>
<input id="picker" ></input>

<script type="text/javascript">
  $(function () {
     $("#picker").shieldDatePicker({
      events: {
            change: function(e) {
                var date = new Date(e.target.value());
                var day = date.getDate();
                var monthIndex = date.getMonth();
                var year = date.getFullYear();

              alert("The Date is :" + day + "/" + monthIndex + "/" + year); 
            }
        }
    });
});

$("#picker").swidget().value(); // return null

$("#picker").swidget().value(new Date) // select the current date

$("#picker").swidget().value(); // return current selected date

</script>
</body>
</html>

单击日期选择器图标。

【讨论】: