diff options
Diffstat (limited to 'web/html/xui/component/persianDatepicker.html')
| -rw-r--r-- | web/html/xui/component/persianDatepicker.html | 28 |
1 files changed, 20 insertions, 8 deletions
diff --git a/web/html/xui/component/persianDatepicker.html b/web/html/xui/component/persianDatepicker.html index df47c4f3..2df79a06 100644 --- a/web/html/xui/component/persianDatepicker.html +++ b/web/html/xui/component/persianDatepicker.html @@ -2,10 +2,10 @@ <template> <div> <a-input :value="value" type="text" v-model="date" data-jdp class="persian-datepicker" - @input="$emit('input', convertToGregorian($event.target.value)); jalaliDatepicker.hide();" - :placeholder="placeholder"> + @input="$emit('input', convertToGregorian($event.target.value)); jalaliDatepicker.hide();" + :placeholder="placeholder"> <template #addonAfter> - <a-icon type="calendar" style="font-size: 14px; opacity: 0.5;"/> + <a-icon type="calendar" style="font-size: 14px; opacity: 0.5;" /> </template> </a-input> </div> @@ -13,15 +13,27 @@ {{end}} {{define "component/persianDatepicker"}} -<link rel="stylesheet" href="{{ .base_path }}assets/persian-datepicker/persian-datepicker.min.css?{{ .cur_ver }}"/> +<link rel="stylesheet" href="{{ .base_path }}assets/persian-datepicker/persian-datepicker.min.css?{{ .cur_ver }}" /> <script src="{{ .base_path }}assets/moment/moment-jalali.min.js?{{ .cur_ver }}"></script> <script src="{{ .base_path }}assets/persian-datepicker/persian-datepicker.min.js?{{ .cur_ver }}"></script> <script> - const persianDatepicker = {}; - Vue.component('persian-datepicker', { - props: ['placeholder', 'format', 'value'], + Vue.component('a-persian-datepicker', { + props: { + 'format': { + type: undefined, + required: false, + }, + 'value': { + type: String, + required: false, + }, + 'placeholder': { + type: String, + required: false, + }, + }, template: `{{template "component/persianDatepickerTemplate"}}`, data() { return { @@ -57,4 +69,4 @@ } }); </script> -{{end}} +{{end}}
\ No newline at end of file |