Jquery datepicker时间插件并且转中文

最新推荐文章于 2025-06-28 12:03:53 发布

Cand6oy

最新推荐文章于 2025-06-28 12:03:53 发布

阅读量3.6k

点赞数 2

分类专栏： jquery

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何从BootCDN引入JQuery和Datepicker插件，并通过示例代码展示了如何设置中文日期选择器，包括开始时间和结束时间的选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从BootCDN导入的外部JQery和datepicker包
<link href="https://cdn.bootcss.com/datepicker/0.5.4/datepicker.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/datepicker/0.5.4/datepicker.js"></script>
<script src="https://cdn.bootcss.com/datepicker/0.5.4/i18n/datepicker.zh-CN.js"></script>

JQuery调用插件并转中文
<script>
    $(function () {

        $('#mydate').datepicker({
            language: 'zh-CN',
            autoclose: true,
            todayHighlight: true
        });
        $('#mydate1').datepicker({
            language: 'zh-CN',
            autoclose: true,
            todayHighlight: true
        })

    });
</script>
开始时间：<input type="text" name="mydate" id="mydate"/>
结束时间：<input type="text" name="mydate" id="mydate1"/>