Javascript pickadate.js完全不工作
试图学习如何使用这个插件,但我似乎无法使任何工作在所有。有人能给我指出正确的方向吗?这是一个laravel项目,但这不会有多大区别 这是我的html:Javascript pickadate.js完全不工作,javascript,jquery,laravel,datepicker,pickadate,Javascript,Jquery,Laravel,Datepicker,Pickadate,试图学习如何使用这个插件,但我似乎无法使任何工作在所有。有人能给我指出正确的方向吗?这是一个laravel项目,但这不会有多大区别 这是我的html: <p><input id="date" class="form-control" ng-model="currentWimDate" placeholder="Date..." type="text"></p> 以及我的index.blade.php: <html lang="en" ng-app=
<p><input id="date" class="form-control" ng-model="currentWimDate" placeholder="Date..." type="text"></p>
以及我的index.blade.php:
<html lang="en" ng-app="wim">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WIM(afy)</title>
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="css/wimmain.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="bower_components/pickadate/lib/themes/default.css" id="theme_base">
<link rel="stylesheet" href="bower_components/pickadate/lib/themes/default.date.css" id="theme_date">
<link rel="stylesheet" href="bower_components/pickadate/lib/themes/default.time.css" id="theme_time">
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/ng-file-upload-shim/ng-file-upload-shim.min.js"></script>
<script src="bower_components/ng-file-upload/ng-file-upload.min.js"></script>
<script src="bower_components/lodash/lodash.js"></script>
<script src="bower_components/angular-route/angular-route.min.js"></script>
<script src="bower_components/angular-local-storage/dist/angular-local-storage.min.js"></script>
<script src="bower_components/restangular/dist/restangular.min.js"></script>
<script src = "js/app.js"></script>
<script src = "js/services.js"></script>
<script src = "js/controllers.js"></script>
<script src = "js/checkPass.js"></script>
<script src = "js/signupValidation.js"></script>
<script src = "js/dropdown.js"></script>
<script src = "js/profileActions.js"></script>
<style>
li {
padding-bottom: 8px;
}
</style>
</head>
<body style="background-color: #ef5350;">
<div ng-view></div>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/pickadate/lib/picker.js"></script>
<script src="bower_components/pickadate/lib/picker.date.js"></script>
<script src="bower_components/pickadate/lib/picker.time.js"></script>
<script type="text/javascript">
// PICKADATE FORMATTING
$('#date').pickadate({
format: 'mmmm d, yyyy', // Friendly format displayed to user
formatSubmit: 'mm/dd/yyyy', // Actual format used by application
hiddenName: true // Allows two different formats
});
</script>
</body>
WIM(afy)
李{
垫底:8px;
}
//PICKADATE格式
$(“#日期”).pickadate({
格式:“mmmm d,yyyy”,//显示给用户的友好格式
formatSubmit:'mm/dd/yyyy',//应用程序使用的实际格式
hiddenName:true//允许两种不同的格式
});
我做错了什么 我认为您的jQuery代码在Angular将
#date
放入HTML之前已经运行。因此jQuery找不到您要查找的元素,所以什么也没有发生。您可以通过输出$('#date')
的结果来测试这一点。完成渲染后,尝试运行pickadate代码。这里有一个可能对您有所帮助的方法。我认为您的jQuery代码在Angular将#date
放入HTML之前已经运行。因此jQuery找不到您要查找的元素,所以什么也没有发生。您可以通过输出$('#date')
的结果来测试这一点。完成渲染后,尝试运行pickadate代码。这里有一个可能对你有所帮助的方法