kenhyuwa / vue-tailwind-picker

:tada: Datepicker component for vue.js build with Tailwind CSS & dayjs date library
https://vue-tailwind-picker.netlify.app/
193 stars 38 forks source link

Date not formatted [Nuxt JS] #23

Open mushonnip opened 3 years ago

mushonnip commented 3 years ago

format-date and format-display is not working the result like this image

          <VueTailWindPicker
            :init="true"
            :format-date="DD-MMMM-YYYY"
            @change="(v) => {
              searchString = v
              performFiltering()
            }"
          >
            <input
              v-model="searchString"
              list="faqList"
              class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
              placeholder="Cari berdasarkan tanggal"
              @keyup.enter="performFiltering"
            >
          </VueTailWindPicker>
ACSilver commented 3 years ago

Hi, it worked for me with this syntax :

                <VueTailWindPicker :init="false":date-range="true" :format-date="'DD-MM-YYYY'"  @change="(v) => date_mt= v">
                  <input v-model="date_mt" type="text" placeholder="date" name="date-mt" id="date-mt" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border border-gray-400 rounded-md">
                </VueTailWindPicker> 

Here is the result :

Capture