SoFunction
Updated on 2025-04-05

mint-ui time plug-in and how to get selected values

mint-ui time plug-in and how to get selected values

Updated: February 9, 2018 10:56:37 Author: Thekingyu
Below, the editor will share with you an article on how to use the mint-ui time plug-in and obtain the selected value. It has good reference value and hope it will be helpful to everyone. Let's take a look with the editor

As shown below:

<div > {{pickerValue}}</div>
<mt-datetime-picker
 ref="picker" This one must be filled in for eachopen
 type="time"
 @confirm="handleConfirm" Click OK to set
 v-model="pickerValue">
</mt-datetime-picker>
data () {
 return {
 pickerValue:null, definition
methods:{
openPicker() {
 this.$();Settings start
 },
handleConfirm(){ () ;Get the value},

Convert hours

formatDate(date) {
 const y = ()
 let m = () + 1
 m = m < 10 ? '0' + m : m
 let d = ()
 d = d < 10 ? ('0' + d) : d
 return y + ' ' + m + ' ' + d
},
handleConfirm(){
 let a = 
 // ((" ")) ;
 =(this.$)
 ((this.$))
 // () ;
},

Set the current date to the initial date

<mt-datetime-picker :startDate="startDate"</mt-datetime-picker>

data(){
 return{
  startDate: new Date(),
 }
}

Set default values

=new Date().getFullYear()+'Year'+new Date().getMonth()+1+'moon'+new Date().getDate()+'day'

The above article "Mint-ui Time Plugin" and the method of obtaining selected values ​​is all the content I have shared with you. I hope you can give you a reference and I hope you can support me more.

  • mint-ui
  • time
  • Plugin
  • Select a value

Related Articles

  • vue realizes the function of zooming in and out dragging

    This article mainly introduces the functions of Vue to zoom in and out drag and drop. The sample code in the article is introduced in detail and has a certain reference value. Interested friends can refer to it.
    2021-05-05

  • Detailed explanation of common methods for solving cross-domain problems in Vue

    This article mainly introduces common methods for Vue to solve cross-domain problems. It analyzes the causes of cross-domain problems in vue in detail, as well as common solutions and related precautions. Friends who need it can refer to it.
    2023-06-06

  • Frequently Asked Questions and Solutions for Repeated Refreshing of Vue Pages

    It is a popular front-end framework that aims to simplify development through its responsive data binding and componentized development model. However, when developing and applying, the problem of repeated page refreshes may have a negative impact on user experience and development efficiency. This article will explore in-depth the common reasons for repeated page refreshes of Vue pages and provide detailed solutions.
    2024-09-09

  • An article teaches you how to use Vue's watch listener simply

    This article mainly introduces the Vue watch listener, which has certain reference value. Interested friends can refer to it. I hope it can help you.
    2021-12-12

  • Solve the problem of not displaying images/icons after Vue is packaged

    This article mainly introduces the problem of not displaying images/icons after Vue packaging. This article introduces you very detailedly and has certain reference value. Friends who need it can refer to it.
    2019-07-07

  • Vue/React subcomponent instance exposure method (TypeScript)

    In recent months, we have been developing various projects with TS. The framework involves Vue3, React18, etc., record the writing method of the Vue/React component exposes variables/functions. Friends who are interested in the knowledge of the vue react component exposure method, follow the editor to take a look.
    2022-11-11

  • Ideas and methods for implementing multi-level nested breadcrumbs on vue dynamic routing

    In actual projects, we will encounter multi-layer nested components composed of, such as our common breadcrumb navigation. The following article will introduce to you the ideas and methods of Vue to implement dynamic routing of multi-level nested breadcrumbs. The article introduces the example code in detail. Friends who need it can refer to it. Let’s take a look together.
    2017-08-08

  • The complete code of VUE login registration page (directly copy)

    This article mainly introduces relevant information about the VUE login registration page. In Vue, components can be used to build the login registration page. The text and code are introduced in the article in detail. Friends who need it can refer to it.
    2023-12-12

  • Detailed explanation of the effect of linking left and right of vue and better-scroll implementation lists

    This article mainly introduces the effect of linking the left and right of the list by vue and better-scroll. The example code is introduced in this article in detail, which has certain reference learning value for everyone's study or work. Friends who need it, please learn with the editor below.
    2019-04-04

  • vuejs2.0 implements the method of using $emit to pass event listening data in paging component

    This article mainly introduces the method of using $emit to pass event listening data by implementing the paging component of vuejs2.0. It is very good and has reference value. Friends who need it can refer to it.
    2017-02-02

Latest Comments