Skip to content

Instantly share code, notes, and snippets.

@uno-de-piera
Created January 22, 2018 16:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save uno-de-piera/eef52f02065e9e38502eb33dc8fb71c9 to your computer and use it in GitHub Desktop.
Save uno-de-piera/eef52f02065e9e38502eb33dc8fb71c9 to your computer and use it in GitHub Desktop.
<template>
<fieldset class="app-border">
<div class="form-group col-xs-2 col-md-2">
<label for="initDate" class="control-label">Date Field</label>
<datePicker
v-model="initDate"
language="en"
id="initDate"
format="dd/MM/yyyy"
name="initDate"
v-validate="'required'"
:class="{'has-errors': errors.has('initDate')}"
>
</datePicker>
<FormError :attribute_name="'initDate'" :errors_form="errors"> </FormError>
</div>
</fieldset>
</template>
<script>
import DatePicker from 'vuejs-datepicker';
import FormError from '../FormError';
export default {
name: "my-date-component",
inject: ['$validator'], //esta es la clave
components: {
DatePicker, FormError
}
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment