Security News
New axobject-query Maintainer Faces Backlash Over Controversial Decision to Support Legacy Node.js Versions
A JavaScript library maintainer is under fire after merging a controversial PR to support legacy versions of Node.js.
vue-dropdown-datepicker
Advanced tools
Readme
A simple and customizable dropdown datepicker vue component.
npm i vue-dropdown-datepicker
yarn add vue-dropdown-datepicker
bower install vue-dropdown-datepicker
<script src="https://cdn.jsdelivr.net/npm/vue-dropdown-datepicker@1.1.0/dist/dropdown-datepicker.min.js"></script>
OR
<script src="https://unpkg.com/vue-dropdown-datepicker@1.1.0/dist/dropdown-datepicker.min.js"></script>
import DropdownDatepicker from '../src/dropdown-datepicker.vue';
new Vue({
el: '#app',
components: {
DropdownDatepicker
}
});
new Vue({
el: '#app',
components: {
DropdownDatepicker
}
});
Option | Type | Defult | Comment |
---|---|---|---|
defaultDate | string | null | |
defaultDateFormat | string | 'yyyy-mm-dd' | |
displayFormat | string | 'dmy' | |
submitFormat | string | 'yyyy-mm-dd' | |
submitId | string | null | |
minAge | int | null | |
maxAge | int | null | |
minYear | int | null | |
maxYear | int | null | |
minDate | string | null | yyyy-mm-dd |
maxDate | string | null | yyyy-mm-dd |
allowPast | boolean | true | |
allowFuture | boolean | true | |
wrapperClass | string | 'date-dropdowns' | |
dropdownClass | string | null | |
daySuffixes | boolean | true | |
monthSuffixes | boolean | true | |
monthFormat | string | 'long' | |
required | boolean | false | |
dayLabel | string | 'Day | |
monthLabel | string | 'Month' | |
yearLabel | string | 'Year' | |
sortYear | string | 'desc' | |
monthLongValues | array | ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] | |
monthShortValues | array | ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] | |
initialDayMonthYearValues | array | ['Day', 'Month', 'Year'] | |
daySuffixValues | array | ['st', 'nd', 'rd', 'th'] |
Call on any change of day dropdown
<dropdown-datepicker v-bind:on-day-change="yourFunctionName"><dropdown-datepicker>
Call on any change of month dropdown
<dropdown-datepicker v-bind:on-month-change="yourFunctionName"><dropdown-datepicker>
Call on any change of year dropdown
<dropdown-datepicker v-bind:on-year-change="yourFunctionName"><dropdown-datepicker>
Contributing Feel free to submit any fixes or propose any additional functionality via pull request or issue, making sure any changes take place in /src.
Minification and Validation Both are automated via npm command. Run npm install to install the required dependencies, then run npm run build from the root of the project to handle the tasks.
FAQs
A simple and customizable dropdown datepicker vue component
The npm package vue-dropdown-datepicker receives a total of 472 weekly downloads. As such, vue-dropdown-datepicker popularity was classified as not popular.
We found that vue-dropdown-datepicker demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A JavaScript library maintainer is under fire after merging a controversial PR to support legacy versions of Node.js.
Security News
Results from the 2023 State of JavaScript Survey highlight key trends, including Vite's dominance, rising TypeScript adoption, and the enduring popularity of React. Discover more insights on developer preferences and technology usage.
Security News
The US Justice Department has penalized two consulting firms $11.3 million for failing to meet cybersecurity requirements on federally funded projects, emphasizing strict enforcement to protect sensitive government data.