首页>>表单>>vue选择日期时间下拉框,无刷新获取选择的时间(2019-05-05)

vue选择日期时间下拉框,无刷新获取选择的时间

vue选择日期时间下拉框,无刷新获取选择的时间
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="container" id="vue">  
  2.           
  3.         <div class="row1">  
  4.               
  5.             <column :title="'select'">  
  6.                 <row :name="'default select'"><leo-select :list="select.list1" :sel-obj="selObj" :sel-key="'s1'" @change="selC1"></leo-select></row>  
  7.                 <row :name="'default select'"><leo-select :list="select.list2" :li-type="2" :sel-obj="selObj" :sel-key="'s2'"></leo-select></row>  
  8.                 <row :name="'default select'"><leo-select :list="select.list3" :li-type="3" :sel-obj="selObj" :sel-key="'s3'"></leo-select></row>  
  9.   
  10.                 <div class="row row-console" >  
  11.                     <textarea v-model="selStr"></textarea>  
  12.                 </div>  
  13.             </column>             
  14.   
  15.             <column :title="'datetime'">  
  16.                 <row :name="'default date'"><leo-date :sel-obj="dateObj" :sel-key="'d1'" @change="dateC1"></leo-date></row>  
  17.                 <row :name="'month date'"><leo-date :date-type="2" :sel-obj="dateObj" :sel-key="'d2'"></leo-date></row>  
  18.                 <row :name="'year date'"><leo-date :date-type="3" :sel-obj="dateObj" :sel-key="'d3'"></leo-date></row>  
  19.                 <row :name="'hh:mm time'"><leo-date :date-type="4" :sel-obj="dateObj" :sel-key="'d4'"></leo-date></row>  
  20.                 <row :name="'full time'"><leo-date :date-type="5" :sel-obj="dateObj" :sel-key="'d5'"></leo-date></row>  
  21.   
  22.                 <div class="row row-console" >  
  23.                     <textarea v-model="dateStr"></textarea>  
  24.                 </div>  
  25.             </column>  
  26.   
  27.         </div>  
  28.   
  29.     </div>  

 


原文地址:http://www.freejs.net/article_biaodan_761.html