Maison > interface Web > js tutoriel > Comment obtenir la valeur de sélection lors de l'utilisation du plug-in mint-ui time

Comment obtenir la valeur de sélection lors de l'utilisation du plug-in mint-ui time

php中世界最好的语言
Libérer: 2018-04-12 17:17:23
original
1959 Les gens l'ont consulté

Cette fois, je vais vous montrer comment obtenir la valeur de sélection lors de l'utilisation du plug-in mint-ui time Quelles sont les précautions pour utiliser le plug-in mint-ui time. obtenir la valeur de sélection. Ce qui suit est un cas pratique.

<p > {{pickerValue}}</p>
<mt-datetime-picker
 ref="picker" 每一个都要填上这一条open
 type="time"
 @confirm="handleConfirm" 设置点击确定
 v-model="pickerValue">
</mt-datetime-picker>
data () {
 return {
 pickerValue:null, 定义
methods:{
openPicker() {
 this.$refs.picker.open();设置开始
 },
handleConfirm(){ console.log(this.pickerValue) ;获取值},
转换小时
formatDate(date) {
 const y = date.getFullYear()
 let m = date.getMonth() + 1
 m = m < 10 ? '0' + m : m
 let d = date.getDate()
 d = d < 10 ? ('0' + d) : d
 return y + ' ' + m + ' ' + d
},
handleConfirm(){
 let a = this.pickerValue
 // console.log(a.split(" ")) ;
 this.zheng=this.formatDate(this.$refs.picker.value)
 console.log(this.formatDate(this.$refs.picker.value))
 // console.log(this.value) ;
},
设置当前日期为初始日期
<mt-datetime-picker :startDate="startDate"</mt-datetime-picker>
data(){
 return{
  startDate: new Date(),
 }
}
设置默认值
this.zheng=new Date().getFullYear()+'年'+new Date().getMonth()+1+'月'+new Date().getDate()+'日
Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Utiliser adb shell+node.js pour réaliser que Douyin récupère automatiquement les enveloppes rouges

Comment implémenter le robot d'exploration d'index Baidu fonction

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal