标签:picker el 10 default nInput element var now type
<template> <div> <el-date-picker v-model="nInput" :type="type" :placeholder="placeholder" :readonly="readonly" :disabled="disabled" :clearable="clearable" @input="salaryChange"></el-date-picker> </div> </template><script> import { formatTimePicker } from '@/utils' export default { props: { value: { type: String, default: '' }, placeholder: { type: String }, clearable: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, readonly: { type: Boolean, default: false }, type: { type: String, default:'datetime' } }, data() { return { nInput: null } }, watch: { nInput(val, oldVal) { let dateVal = formatTimePicker(val) this.$emit('input', dateVal) }, value(val, oldVal) { this.nInput = val } }, created() { this.nInput = this.value }, methods: { salaryChange(e) { // console.log(e) } } } </script>
<style lang="scss" scoped> </style> var formatTimePicker = function (d) { // 返回年月日时分秒 if (d && typeof d === 'object') { var now = d var year = now.getFullYear() var month = (now.getMonth() + 1) < 10 ? '0' + (now.getMonth() + 1) : (now.getMonth() + 1) var date = now.getDate() < 10 ? '0' + now.getDate() : now.getDate() var hour = now.getHours() < 10 ? '0' + now.getHours() : now.getHours() var minute = now.getMinutes() < 10 ? '0' + now.getMinutes() : now.getMinutes() var second = now.getSeconds() < 10 ? '0' + now.getSeconds() : now.getSeconds() return year + '-' + month + '-' + date + ' ' + hour + ':' + minute + ':' + second } return d } export { formatTimePicker }
标签:picker,el,10,default,nInput,element,var,now,type 来源: https://www.cnblogs.com/HCXiao/p/14809135.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。