vue 的单文件组件里如何使用datetimepicker，注意是单文件组件中即export default{}里

Question

如何在vue的单文件组件中使用jquery插件，如datetimepicker

Answer 1

可以这样如下

test.js

  export function initDatePicker(){
     $("#startDate").datepicker({
            onSelect:function(dateText,inst){
                $("#endDate").datepicker("option","minDate",dateText);
            }
        });
        $("#endDate").datepicker({
            onSelect:function(dateText,inst){
                $("#startDate").datepicker("option","maxDate",dateText);
            }
        });
}

vue文件中这样引用即可

import {initDatePicker} from 'test.js'
export default{
    ready: function () {
     initDatePicker();
     }
}

Answer 2

可能是我问的不清楚，楼上的答案不是我想要的，后面我自己解决了。
困扰我的主要原因是我在主.html文件中通过引用外部资源的方式引入了bootstrap的datetimepicker插件,但在单文件组件中使用$('datetimepicker').datetimepicker()时报错。
后来我把该插件下载到了本地，并在vue的单文件组件中通过import引入该插件，就ok了。`

<template>...</template>
    <script type="text/javascript">
        import './bootstrap-datetimepicker.min.js';
        import './bootstrap-datetimepicker.zh-CN.js';
            export default{
                data() {
                    return {...

`
不管怎么样，谢谢楼上的回答，O(∩_∩)O谢谢