bootstrap3的datetimepicker选择器视图无法显示问题的解决 Vue

最新推荐文章于 2023-04-04 16:29:16 发布

VIP文章铁锤妹妹头发多

最新推荐文章于 2023-04-04 16:29:16 发布

阅读量2.3k

点赞数 1

分类专栏：前端脑子里进的水文章标签： vue js html bootstrap datatimepicker

本文链接：https://blog.csdn.net/SSS_Benjamin/article/details/105901402

版权

这个bug折腾了一天多，经过在网上经过了各种搜索都没用，最后还是自己解决的，虽然解决方法及其简单，还是记录下这个花了接近两天才解决的问题

最近在前端开发过程中（五一期间还要工作惨兮兮。。。）用bootstrap的datetimepicker开发带日期时间选择的表单，但是选择器视图怎么点都出不来，就是下面这东西死活出不来
在这里插入图片描述

折腾的过程主要有下面几个阶段：

这种调用框架出现的问题第一反应肯定是引入的js css包有问题，参考了两篇博客：bootstrap datetimepicker 日期插件超详细使用方法
、前端之路：bootstrap 时间日期日历控件（datetimepicker），最后用后者的引入对后者开头提到的例子进行了复现（就是把HTML、jquery代码复制进一个HTML文件中，后面会贴完整代码），完美运行（其中moment-with-locales.js文件在BootCDN的网站
上可以找到cdn链接），但是同样的引入就是在我的项目中行不通。。。排除引入错误的问题
猜测是z-index属性的问题：因为网页各个模块都设置了覆盖关系，怀疑是被盖住了显示不出来，后来各种改css都没有任何用，而且上一条中复现的网页中好像也不存在z-index的设定，基本排除这一条
在第一条中提到的提一篇博客中写有通过js显示日期时间选择器的语句，调用后报错如下图

贴一下第一条中提到的完整复现代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/boo

关注