daily pastebin goal
27%
SHARE
TWEET

Untitled

a guest May 16th, 2018 98 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <template>
  2.   <div>
  3.     <flat-pickr v-model="date" :config="configs.selectToday"></flat-pickr>
  4.   </div>
  5. </template>
  6.  
  7. <script>
  8. import flatPickr from 'vue-flatpickr-component'
  9. import SelectTodayPlugin from '../todayselect'
  10. import ConfirmDatePlugin from 'flatpickr/dist/plugins/confirmDate/confirmDate'
  11. import 'flatpickr/dist/flatpickr.css'
  12. import 'flatpickr/dist/plugins/confirmDate/confirmDate.css'
  13.  
  14. export default {
  15.   data () {
  16.     return {
  17.       data: null,
  18.       configs: {
  19.         selectToday: {
  20.           enableTime: true,
  21.           plugins: [new SelectTodayPlugin(), new ConfirmDatePlugin()]
  22.           // plugins: [new SelectTodayPlugin()]
  23.         }
  24.       }
  25.     }
  26.   },
  27.   components: {
  28.     flatPickr
  29.   }
  30. }
  31. </script>
  32.  
  33. <style>
  34.  
  35. .flatpickr-btn {
  36.   height: 20px;
  37.   flex-grow: 1;
  38.   border: 0px;
  39.   font-size: 14px;
  40.   justify-content: center;
  41.   align-items: center;
  42.   cursor: pointer;
  43.   outline: none;
  44. }
  45. </style>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top