文章/答案/技术大牛

发布

问shieldui datepicker格式设置
EN

Stack Overflow用户

提问于 2016-07-19 14:31:43

回答 1查看 162关注 0票数 0

我尝试这样使用shieldui datepicker

<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

javascript

jquery

datepicker

shieldui

回答 1

Stack Overflow用户

发布于 2016-07-19 14:41:35

<!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>

单击日期选择器图标。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38451056

复制

相似问题

问shieldui datepicker格式设置
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问shieldui datepicker格式设置EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问shieldui datepicker格式设置
EN