以下是我在同一页面中用于日期时间选择器和颜色框的参考和脚本。在评论引用的其他脚本时,只有其中一个有效。我认为这可能是由于使用 jQuery noconflict 的冲突。但这没有帮助。
如何解决?
<%--DATE AND TIME PICKER--%>
<%-- <link rel="stylesheet" href="../Uploadedfiles/System/Scripts/jquery-ui.css" />
<script src="Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-sliderAccess.js" type="text/javascript"></script>--%>
<%--COLOR BOX--%>
<link rel="stylesheet" type="text/css" href="css/colorbox/colorbox.css" media="screen, projection" />
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
<script src="js/jquery.colorbox.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$("[id*=txtfromdate]").datepicker();
$("[id*=txttodate]").datepicker();
$("[id*=txtClosingDate]").datepicker();
$("[id*=txtTimestart]").timepicker({
timeFormat: "hh:mm tt"
});
$("[id*=txtTimeend]").timepicker({
timeFormat: "hh:mm tt"
});
});
</script>
<script type="text/javascript">
function colorbox() {
var hv = $("[id*=txt_Messsage]").val();
$.colorbox({ width: "50%", height: "30%", html: hv })
alert(hv);
}
</script>