vue日期时间选择插件_一个Vue插件来选择Jaalali日期和时间

vue日期时间选择插件

Vue波斯日期时间选择器 (vue-persian-datetime-picker)

A vue plugin to select jalali date and time.

一个vue插件来选择jalali日期和时间。

View demo 查看演示 Download Source 下载源

正在安装 (Installing)

npm install vue-persian-datetime-picker --save

webpack.config.js:

webpack.config.js:

/*** configuration for moment to ignore loading locales*/
module.exports.plugins = [//...new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)//...
]

用法 (Usage)

main.js

main.js

//...
import VuePersianDatetimePicker from 'vue-persian-datetime-picker';
Vue.component('date-picker', VuePersianDatetimePicker);
//...

Or in component

或在组件中

您还可以设置默认值: (You can also set default values:)

main.js

main.js

import VuePersianDatetimePicker from 'vue-persian-datetime-picker';
Vue.use(VuePersianDatetimePicker, {name: 'custom-date-picker',props: {inputFormat: 'YYYY-MM-DD HH:mm',format: 'jYYYY-jMM-jDD HH:mm',editable: false,inputClass: 'form-control my-custom-class-name',placeholder: 'Please select a date',altFormat: 'YYYY-MM-DD HH:mm',color: '#00acc1',autoSubmit: false,//...  //... And whatever you want to set as default //... }
});

Then use in component

然后在组件中使用

翻译自: https://vuejsexamples.com/a-vue-plugin-to-select-jalali-date-and-time/

vue日期时间选择插件


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部