添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement . We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Describe the bug

It seems there is no support go by Safari despite there is only comment in Docs about date time type. It works perfectly on iOS Safari, Chrome, but no on MacOS Safari :(

Steps to reproduce the bug

It is visible even if to use official BV Documentation: https://bootstrap-vue.org/docs/components/form-input
Field with date type is not working on Safari. I reluctant to use external library for that. Could you please recommend a solution?

Versions

Libraries:

  • BootstrapVue: 2.1.0
  • Bootstrap: 4.4.1
  • Vue: 2.6.11
  • Environment:

  • Device: iMac
  • OS: MacOS Catalina v.10.15.2
  • Browser: Safari v.13.0.4
  • Demo link

                  <b-form-input
                      type="date"
                      v-if="selectedTaskLoaded"
                      v-model="selectedTask.planned_date"
                      size="sm"
                      :disabled="!selectedTaskEditStatus"
                  ></b-form-input>
    

    Thank you very much in advance

    It appears that MacOS Safari does not support the browser native HTML5 date input picker: https://caniuse.com/#feat=input-datetime

    Thank you, Troy! What can you recommend to replace with?

    There are some 3rd party datapicker components available (most are not very accessibility friendly though)

    https://bootstrap-vue.org/docs/misc/third-party