Skip to content

DCODE-GROUP/vue-datepicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DatepickerWrapper

This package is a wrapper around Vue2-Datepicker.

Documentation

Visit: https://mengxiong10.github.io/

Features & characteristics:

  • Single date
  • Date Ranges
  • Formatting
  • Hidden field with formatted date values for form usages

Install

npm i @dcodegroup-au/vue-datepicker

Configuration Options

The Vue2 datepicker supports the following formats: date|datetime|year|month|time|week. We are currently only supporting date and date ranges with this wrapper.

The format value defined by the user determines the format for value prop data passed in. For date ranges, an array of 2 correctly formatted date items is required for the value prop.

example.vue.js

<datepicker-wrapper
  :value="dateData"
  :is-range="true"
></datepicker-wrapper>

example.blade.php

<datepicker-wrapper
  :value="{{ json_encode([Carbon\Carbon::now()->format('d/m/Y'), Carbon\Carbon::now()->addDays(7)->format('d/m/Y')]) }}"
  :is-range="true"
  :is-form-input="true" // required for form inputs
  name="expected_delivery" // required for form inputs
></datepicker-wrapper>

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages