vuejs-datepicker.js是一款vue的时间日期选择插件

vuejs-datepicker.js是一款vue的时间日期选择插件

vuejs-datepicker.js是一款vue的时间日期选择插件,支持中文。

使用方式:

第一步引入vue

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1-dev.js"></script>

第二步引入插件和中文语言包

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vuejs-datepicker.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vuejs-datepicker/locale/translations/zh.js"></script>

第三步配置参数

可以配置时间格式及语言

<vuejs-datepicker v-model="defaultDate" :format="DatePickerFormat" :language="zh" name="datepicker" id="input-id" input-class="input-class"></vuejs-datepicker>

完整代码:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

</head>

<body translate="no">
    <div id="app">
        <vuejs-datepicker v-model="defaultDate" :format="DatePickerFormat" :language="zh" name="datepicker" id="input-id" input-class="input-class"></vuejs-datepicker>
    </div>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1-dev.js"></script>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vuejs-datepicker.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vuejs-datepicker/locale/translations/zh.js"></script>
    <script>
        var app = new Vue({
          el: '#app',
          data: {
            defaultDate: '2018-12-04',
            DatePickerFormat: 'yyyy-MM-dd',
            zh: vdp_translation_zh.js },
        
          components: {
            'vuejs-datepicker': vuejsDatepicker } });
    </script>



</body>

</html>


立即下载vuejs-datepicker.js查看所有js插件

网友评论0

程序员在线工具箱