掲示板
TypeError: a(...).datepicker is not a function
6年前 に Megesh Damre によって更新されました。
TypeError: a(...).datepicker is not a function
New Member 投稿: 24 参加年月日: 17/04/27 最新の投稿
Hi every one ,
i have jquery datepicker code in my jsp page, i'm getting TypeError: a(...).datepicker is not a function error
i have tried with -
USING EXTERNAL LIBRARIES. but still i'm getting this issue. can anyone please tell how to resolve this datepicker error.
here my jsp code
i have jquery datepicker code in my jsp page, i'm getting TypeError: a(...).datepicker is not a function error
i have tried with -
USING EXTERNAL LIBRARIES. but still i'm getting this issue. can anyone please tell how to resolve this datepicker error.
here my jsp code
<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui" %>
<%@ taglib uri="http://liferay.com/tld/portlet" prefix="liferay-portlet" %>
<%@ taglib uri="http://liferay.com/tld/theme" prefix="liferay-theme" %>
<%@ taglib uri="http://liferay.com/tld/ui" prefix="liferay-ui" %>
<portlet:defineobjects />
<script>
define._amd = define.amd;
define.amd = false;
</script>
<link rel="stylesheet" href="<%=renderRequest.getContextPath()%>/css/dashboard.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="<%=renderRequest.getContextPath()%>/css/cangas.datepicker.css">
<script type="text/javascript">
$(document).ready(function() {
var jqueryDashboard = jQuery.noConflict();
try
{
jqueryDashboard('#meetingStartDate').datepicker({
dateFormat: 'dd-mm-y',
inline: true,
showOtherMonths: true,
dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
});
jqueryDashboard(".meeting-StartTime-Select").click(function(){
jqueryDashboard("#meetingStartDate").datepicker("show");
});
jqueryDashboard('#meetingEndDate').datepicker({
dateFormat: 'dd-mm-y',
inline: true,
showOtherMonths: true,
dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
});
jqueryDashboard(".meeting-EndTime-Select").click(function(){
jqueryDashboard("#meetingEndDate").datepicker("show");
});
}
catch(e)
{
alert(e);
}
});
</script>
<script>
define.amd = define._amd;
</script>
<style type="text/css">
/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-width: 320px) and (max-width: 480px) {
/* insert styles here */
.filterMeetingsDiv {
display: inline-grid;
}
.verticle-Hr {
display: none;
}
.dropdown-menu {
border: 1px solid #DCE0E3;
border: 1px solid #DCE0E3;
box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.3);
font-size: 14px;
max-width: 100%;
min-height: 100%;
padding: 6px 0;
}
.meeting-start-end-date-dropdown {
float: none;
left: 0%;
margin-bottom: 5px;
}
.meeting-filter-Select {
width: 260px;
}
.actionIconsDiv label {
color: #80cee1;
margin: 0;
margin-left: 0;
float: none;
width: 100%;
margin-bottom: 2%;
font-size: 15px;
}
.actionIconsDiv {
position: absolute;
float: initial;
bottom: 0;
left: 35%;
right: 0;
display: none;
}
.meetingIdDiv
{
float: none;
}
p.meeting-email-p {
color: #9e9e9e;
font-size: 12px;
margin: 0;
display: inline-block;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
width: 177px;
}
p.meeting-name-p {
color: #828481;
font-size: 15px;
display: inline-block;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
width: 167px;
margin: 0;
}
.sigleBoxDivHeadingMailId {
padding: 7px;
float: left;
width: 57%;
height: fit-content;
}
.sigleBoxDivTime {
width: 100%;
float: left;
padding: 0;
background: #e2e2e2;
margin-right: 0;
border-right: 1px solid #c2bcbc;
}
.singleBoxDivDate {
width: 100%;
float: left;
background: #e2e2e2;
height: fit-content;
}
.singleEntryDiv {
position: relative;
background: #f2f2f2;
overflow: hidden;
width: 100%;
height: 122px;
margin-bottom: 5px;
}
.singleBoxDivColorLine {
width: 5px;
float: left;
background: #0eaacf;
}
.meetingIdDiv p {
font-weight: bold;
padding-right: 0;
font-size: 13px;
margin: 0;
}
.expandIcon {
margin-left: 10px;
position: relative;
bottom: 70px;
left: 40px;
float: right
}
.dateandtimegroupdiv {
width: 30%;
background: #474747;
float: left;
}
.actionIcon {
width: 22px;
height: 22px;
cursor: pointer;
color: #c1c1bd !important;
font-size: 18px !important;
margin-left: 5px;
}
.sigleBoxDivTime p {
font-size: 14px;
display: block;
vertical-align: middle;
padding: 0;
color: #0eaacf;
text-align: center;
}
.makeInActiveCheckDiv {
margin: 0;
float: none;
}
.singleBoxSideBorderDiv
{
border-right: 1px solid #c2bcbc;
height: fit-content ;
}
.meetingStartEndDateText {
width: 57px;
margin: 0;
padding: 0;
border: 0;
outline: none;
font-size: 14px !important;
}
}
/* (480x800) Android */
@media only screen and (min-width: 480px) and (max-width: 768px) {
/* insert styles here */
.filterMeetingsDiv {
display: inline-grid;
}
.actionIconsDiv {
position: absolute;
float: initial;
bottom: 15px;
right: 0;
float: left;
display: none;
}
.expandIcon {
margin-left: 0;
position: relative;
bottom: 93px;
right: 0;
float: right;
}
.verticle-Hr {
display: none;
}
.meeting-start-end-date-dropdown {
float: none;
left: 0%;
margin-bottom: 5px;
}
.singleBoxDivDate {
width: 13%;
float: left;
background: #e2e2e2;
height: -webkit-fill-available;
}
.sigleBoxDivTime {
width: 13%;
float: left;
padding: 10px;
background: #e2e2e2;
margin-right: 10px;
height: -webkit-fill-available;
}
.dropdown-menu {
border: 1px solid #dce0e3;
border: 1px solid #dce0e3;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
font-size: 14px;
max-width: 100%;
min-height: 100%;
padding: 6px 0;
}
.actionIconsDiv label {
float: left;
color: #80cee1;
margin-right: 5px;
margin-bottom: 6px;
}
.makeInActiveCheckDiv
{
float: none;
}
.meetingNameAndEmainDiv
{
float: none;
}
.meetingIdDiv {
float: none;
}
.singleEntryDiv {
position: relative;
background: #f2f2f2;
overflow: hidden;
width: 100%;
height: 95px;
margin-bottom: 2px;
}
.sigleBoxDivTime p {
font-size: 14px;
display: initial;
vertical-align: middle;
padding: 0;
color: #0eaacf;
margin: 0;
}
.actionIconsDiv {
position: absolute;
float: initial;
bottom: 0;
right: 0;
top: 42%;
float: left;
display: none;
}
.singleBoxSideBorderDiv
{
border-right: 1px solid #c2bcbc;
height: -webkit-fill-available;
}
.meetingStartEndDateText {
width: 57px;
margin: 0;
padding: 0;
border: 0;
outline: none;
font-size: 14px;
}
}
/* (768x1024) iPad 1 & 2 */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* insert styles here */
.filterMeetingsDiv {
display: inline-grid;
}
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<%-- <link rel="stylesheet" href="<%=renderRequest.getContextPath()%>/css/dashboard.css"> --%>
<title>Dashboard</title>
<%System.out.println("path od css file"+renderRequest.getContextPath()+"/css/dashboard.css"); %>
<div class="dashboardMainDiv">
<div class="filterMeetingsDiv">
<!-- here meeting list type select and show close meeting check box and two select will come -->
<div class="meetingListFilterElement">
<div class="dropdown meeting-select-main-div">
<button class="btn btn-default dropdown-toggle meeting-filter-Select" data-toggle="dropdown" type="button">
Meeting you scheduled
<%-- <div class="meeting-Select-Bt"> <img src="<%=renderRequest.getContextPath() %>/icons/selectarrow.png" alt=""></div> --%>
<div class="meeting-Select-Bt"> <i class="fa fa-chevron-down meeting-Select-icon" aria-hidden="true"></i></div>
</button>
<ul class="dropdown-menu">
<li>Meeting you scheduled</li>
<li>The meeting you are invited </li>
</ul>
</div>
</div>
<div class="meetingListFilterElement">
<label style="color: black;font-size: 16px;"><input type="checkbox" name="checkbox" value="value">&nbspShow close meetings</label>
</div>
<div class="meetingListFilterElement">
<div class="verticle-Hr">
</div>
</div>
<div class="meetingListFilterElement meeting-start-end-date-dropdown">
<div class="dropdown meetingStartDateBtDiv">
<div class="btn btn-default dropdown-toggle meeting-StartTime-Select " data-toggle="dropdown" type="button">
<input type="text" class="meetingStartEndDateText" id="meetingStartDate" value="07-07-17">
<div class="meeting-startEndTime-Icon-Div"><i class="fa fa-chevron-down meetingStart-End-time-Bt" aria-hidden="true"></i></div>
</div>
</div>
To
<div class="dropdown meetingStartEndDateBtDiv">
<div class="btn btn-default dropdown-toggle meeting-EndTime-Select " data-toggle="dropdown" type="button">
<input type="text" class="meetingStartEndDateText" id="meetingEndDate" value="07-07-17">
<div class="meeting-startEndTime-Icon-Div"> <i class="fa fa-chevron-down meetingStart-End-time-Bt" aria-hidden="true"></i></div>
</div>
</div>
</div>
</div>
<hr class="meetingDetailsListBeforeHr">
<div class="meetingAllListDiv">
<div class="singleEntryDiv">
<!-- here meting name, its id, date , email all details will come and this div will repeat based on list came dynamically -->
<div class="singleBoxDivColorLine">
<!--here we can change the color Link having beside Date -->
</div>
<div class="dateandtimegroupdiv">
<div class="singleBoxDivDate">
<div class="singleBoxSideBorderDiv">
<!--place here date month and year -->
<div class="meetingDateBigFont">02 </div>
<div class="meeting-Month-year">AUG/17</div>
</div>
</div>
<div class="sigleBoxDivTime">
<p>
sunday 10.30 Am
</p>
</div>
</div>
<div class="sigleBoxDivHeadingMailId">
<div>
<!--in this div meeting name email, id -->
<div class="meetingNameAndEmainDiv">
<p class="meeting-name-p"><b>G-Meeting Test Meeting </b></p>
<p class="meeting-email-p">Created by: abc.vidyayug@yahoo.com</p>
</div>
<div class="meetingIdDiv">
<p> Meeting Id:123452</p>
<i class="fa fa-expand actionIcon expandIcon" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="actionIconsDiv">
<!--meetings list action icons -->
<div class="checkbox makeInActiveCheckDiv">
<label>
<input type="checkbox" value="">
Make In-Active
</label>
</div>
<i id="addToQuickMeetingIcon" class="fa fa-user-plus actionIcon" aria-hidden="true"></i>
<i class="fa fa-pencil actionIcon" aria-hidden="true"></i>
<i class="fa fa-download actionIcon" aria-hidden="true"></i>
<i class="fa fa-trash actionIcon" aria-hidden="true"></i>
</div>
</div>
<div class="singleEntryDiv">
<!-- here meting name, its id, date , email all details will come and this div will repeat based on list came dynamically -->
<div class="singleBoxDivColorLine">
<!--here we can change the color Link having beside Date -->
</div>
<div class="dateandtimegroupdiv">
<div class="singleBoxDivDate">
<div class="singleBoxSideBorderDiv">
<!--place here date month and year -->
<div class="meetingDateBigFont">02 </div>
<div class="meeting-Month-year">AUG/17</div>
</div>
</div>
<div class="sigleBoxDivTime">
<p>
sunday 10.30 Am
</p>
</div>
</div>
<div class="sigleBoxDivHeadingMailId">
<div>
<!--in this div meeting name email, id -->
<div class="meetingNameAndEmainDiv">
<p class="meeting-name-p"><b>G-Meeting Test Meeting </b></p>
<p class="meeting-email-p">Created by: abc.vidyayug@yahoo.com</p>
</div>
<div class="meetingIdDiv">
<p> Meeting Id:123452</p>
<i class="fa fa-expand actionIcon expandIcon" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="actionIconsDiv">
<!--meetings list action icons -->
<div class="checkbox makeInActiveCheckDiv">
<label>
<input type="checkbox" value="">
Make In-Active
</label>
</div>
<i class="fa fa-user-plus actionIcon" aria-hidden="true"></i>
<i class="fa fa-pencil actionIcon" aria-hidden="true"></i>
<i class="fa fa-download actionIcon" aria-hidden="true"></i>
<i class="fa fa-trash actionIcon" aria-hidden="true"></i>
</div>
</div>
<div class="singleEntryDiv">
<!-- here meting name, its id, date , email all details will come and this div will repeat based on list came dynamically -->
<div class="singleBoxDivColorLine">
<!--here we can change the color Link having beside Date -->
</div>
<div class="dateandtimegroupdiv">
<div class="singleBoxDivDate">
<div class="singleBoxSideBorderDiv">
<!--place here date month and year -->
<div class="meetingDateBigFont">02 </div>
<div class="meeting-Month-year">AUG/17</div>
</div>
</div>
<div class="sigleBoxDivTime">
<p>
sunday 10.30 Am
</p>
</div>
</div>
<div class="sigleBoxDivHeadingMailId">
<div>
<!--in this div meeting name email, id -->
<div class="meetingNameAndEmainDiv">
<p class="meeting-name-p"><b>G-Meeting Test Meeting </b></p>
<p class="meeting-email-p">Created by: abc.vidyayug@yahoo.com</p>
</div>
<div class="meetingIdDiv">
<p> Meeting Id:123452</p>
<i class="fa fa-expand actionIcon expandIcon" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="actionIconsDiv">
<!--meetings list action icons -->
<div class="checkbox makeInActiveCheckDiv">
<label>
<input type="checkbox" value="">
Make In-Active
</label>
</div>
<i class="fa fa-user-plus actionIcon" aria-hidden="true"></i>
<i class="fa fa-pencil actionIcon" aria-hidden="true"></i>
<i class="fa fa-download actionIcon" aria-hidden="true"></i>
<i class="fa fa-trash actionIcon" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
<div id="add-to-quickMeeting-PopUp">
<p>viuvbivb nujnbuj;
</p>
</div>