<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Power Equipment</title><meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="keywords" content="" /><link rel="shortcut icon" href="/Echo/favicon.ico" type="image/x-icon" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="/Echo/touch-icon.png" /><link rel="icon" href="/Echo/touch-icon.png" />
<meta name="msapplication-TileImage" content="/Echo/touch-icon.png"><link href="/wwThreads/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="/wwThreads/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="/wwThreads/css/application.css" rel="stylesheet" />
<link href="/wwThreads/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet" /><style>
.row li {
margin-left: -10px;
}
</style>
</head>
<body>
<div class="banner">
<div class="title-bar">
<a href="./">
<img src="images/rightlogo.gif"
style="height: 35px; float: left" />
<div style="float: left; margin: 0px 2px; line-height: 1.0">
<i style="color: orangered; font-size: 12px; font-weight: bold; font-style: italic">NET</i><br />
</div>
</a>
</div>
</div><div id="MainView">
<div class="container">
<div class="input-group" id="lblDate" >
<input id="lblDate_field" name="lblDate" type='text' type="date" class="form-control"
value="02/09/2016" />
<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>
</div>
</div>
</div>
</body>
</html>
<script src="/wwThreads/bower_components/moment/min/moment.min.js"></script>
<script src="/wwThreads/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script><script>
// Date controls - .not() to avoid native control mods
$("#lbldate").not([type=date]).datetimepicker({
format: "MM/DD/YYYY",
keyBinds: { "delete": null } // leave delete key
});
</script>
Re: HtmlDateTextBox/BootStrap date picker not working Rick Strahl
Peter
Feb 10, 2016 @ 11:19am
Why are you running out of /wwthreads? Is that what you're updating?
~/ should pick up the folder base folder (virtual path) of your Web site. This means either you're running in the /wwthreads/ folder or you're running a really old version of IIS that doesn't provide the virtual path info and it's reading that value out of your YourApp.ini for the virtual directory.
It's the *VirtualPath* for your Virtual/Process class:
<span style="{font-size: xx-small; color: red;}">Code parsing for language: "Plain Text" is not currently supported.<br></span>[Wwdemo]
Datapath=samples\wwDemo\
Htmlpagepath=..\web\wconnect60\
Adoforeignconnectionstring=Provider=sqloledb;Data Source=(local);Initial Catalog=WestWindAdmin;Integrated Security=SSPI
Virtualpath=/wconnect60/
+++ Rick ---
I have been unable to get the BootStrap DateTimePicker to work. I have inserted the appropriate CSS and Script snippets in the appropriate sections and the calendar refuses to work. I have checked to ensure that the CSS/Script files actually exist. What else can i try?
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Power Equipment</title><meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="keywords" content="" /><link rel="shortcut icon" href="/Echo/favicon.ico" type="image/x-icon" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="/Echo/touch-icon.png" /><link rel="icon" href="/Echo/touch-icon.png" />
<meta name="msapplication-TileImage" content="/Echo/touch-icon.png"><link href="/wwThreads/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="/wwThreads/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="/wwThreads/css/application.css" rel="stylesheet" />
<link href="/wwThreads/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet" /><<span class="properties">style>
.row li {
margin-left: -10px;
}
</style>
</head>
<body>
<div class="banner">
<div class="title-bar">
<a href="./">
<img src="images/rightlogo.gif"
style="height: 35px; float: left" />
<div style="float: left; margin: 0px 2px; line-height: 1.0">
<i style="color: orangered; font-size: 12px; font-weight: bold; font-style: italic">NET</i><br />
</div>
</a>
</div>
</div><div id="MainView">
<div class="container">
<div class="input-group" id="lblDate" >
<<span class="commands">input id="lblDate_field" name="lblDate" type='text' type="date" class="form-control"
value="02/09/2016" />
<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>
</div>
</div>
</div>
</body>
</html>
<script src="/wwThreads/bower_components/moment/min/moment.min.js"></script>
<script src="/wwThreads/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script><script>
// Date controls - .not() to avoid native control mods
$("#lbldate").not([type=date]).datetimepicker({
format: "MM/DD/YYYY",
keyBinds: { "delete": null } // leave delete key
});
</script>
West Wind Technologies
Making waves on the Web
from Maui
Re: HtmlDateTextBox/BootStrap date picker not working Peter
Rick Strahl
Feb 10, 2016 @ 11:55am
btw I'm not running in the wwthreads folder, I just cleaned up the HTML before I posted and it got inserted.
Do you get errors when you load the page?
Why are you running out of /wwthreads? Is that what you're updating?
~/ should pick up the folder base folder (virtual path) of your Web site. This means either you're running in the /wwthreads/ folder or you're running a really old version of IIS that doesn't provide the virtual path info and it's reading that value out of your YourApp.ini for the virtual directory.
It's the *VirtualPath* for your Virtual/Process class:
<span style="{font-size: xx-small; color: red;}">Code parsing for language: "Plain Text" is not currently supported.<br></span>[Wwdemo]
Datapath=samples\wwDemo\
Htmlpagepath=..\web\wconnect60\
Adoforeignconnectionstring=Provider=sqloledb;Data Source=(local);Initial Catalog=WestWindAdmin;Integrated Security=SSPI
Virtualpath=/wconnect60/
+++ Rick ---
I have been unable to get the BootStrap DateTimePicker to work. I have inserted the appropriate CSS and Script snippets in the appropriate sections and the calendar refuses to work. I have checked to ensure that the CSS/Script files actually exist. What else can i try?
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Power Equipment</title><meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="keywords" content="" /><link rel="shortcut icon" href="/Echo/favicon.ico" type="image/x-icon" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="/Echo/touch-icon.png" /><link rel="icon" href="/Echo/touch-icon.png" />
<meta name="msapplication-TileImage" content="/Echo/touch-icon.png"><link href="/wwThreads/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="/wwThreads/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="/wwThreads/css/application.css" rel="stylesheet" />
<link href="/wwThreads/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet" /><<span class="properties">style>
.row li {
margin-left: -10px;
}
</style>
</head>
<body>
<div class="banner">
<div class="title-bar">
<a href="./">
<img src="images/rightlogo.gif"
style="height: 35px; float: left" />
<div style="float: left; margin: 0px 2px; line-height: 1.0">
<i style="color: orangered; font-size: 12px; font-weight: bold; font-style: italic">NET</i><br />
</div>
</a>
</div>
</div><div id="MainView">
<div class="container">
<div class="input-group" id="lblDate" >
<<span class="commands">input id="lblDate_field" name="lblDate" type='text' type="date" class="form-control"
value="02/09/2016" />
<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>
</div>
</div>
</div>
</body>
</html>
<script src="/wwThreads/bower_components/moment/min/moment.min.js"></script>
<script src="/wwThreads/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script><script>
// Date controls - .not() to avoid native control mods
$("#lbldate").not([type=date]).datetimepicker({
format: "MM/DD/YYYY",
keyBinds: { "delete": null } // leave delete key
});
</script>
Re: HtmlDateTextBox/BootStrap date picker not working Rick Strahl
Peter
Feb 10, 2016 @ 03:50pm
Please, open the JavaScript console in your Web Browser (F12 in most browsers) and check for errors in the Console View.
+++ Rick ---
I get no errors when I run the code... when I click on the calendar button nothing happens.
btw I'm not running in the wwthreads folder, I just cleaned up the HTML before I posted and it got inserted.
Do you get errors when you load the page?
Why are you running out of /wwthreads? Is that what you're updating?
~/ should pick up the folder base folder (virtual path) of your Web site. This means either you're running in the /wwthreads/ folder or you're running a really old version of IIS that doesn't provide the virtual path info and it's reading that value out of your YourApp.ini for the virtual directory.
It's the *VirtualPath* for your Virtual/Process class:
<span style="{font-size: xx-small; color: red;}">Code parsing for language: "Plain Text" is not currently supported.<br></span>[Wwdemo]
Datapath=samples\wwDemo\
Htmlpagepath=..\web\wconnect60\
Adoforeignconnectionstring=Provider=sqloledb;Data Source=(local);Initial Catalog=WestWindAdmin;Integrated Security=SSPI
Virtualpath=/wconnect60/
+++ Rick ---
I have been unable to get the BootStrap DateTimePicker to work. I have inserted the appropriate CSS and Script snippets in the appropriate sections and the calendar refuses to work. I have checked to ensure that the CSS/Script files actually exist. What else can i try?
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Power Equipment</title><meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="keywords" content="" /><link rel="shortcut icon" href="/Echo/favicon.ico" type="image/x-icon" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="/Echo/touch-icon.png" /><link rel="icon" href="/Echo/touch-icon.png" />
<meta name="msapplication-TileImage" content="/Echo/touch-icon.png"><link href="/wwThreads/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="/wwThreads/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="/wwThreads/css/application.css" rel="stylesheet" />
<link href="/wwThreads/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet" /><<span class="properties">style>
.row li {
margin-left: -10px;
}
</style>
</head>
<body>
<div class="banner">
<div class="title-bar">
<a href="./">
<img src="images/rightlogo.gif"
style="height: 35px; float: left" />
<div style="float: left; margin: 0px 2px; line-height: 1.0">
<i style="color: orangered; font-size: 12px; font-weight: bold; font-style: italic">NET</i><br />
</div>
</a>
</div>
</div><div id="MainView">
<div class="container">
<div class="input-group" id="lblDate" >
<<span class="commands">input id="lblDate_field" name="lblDate" type='text' type="date" class="form-control"
value="02/09/2016" />
<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>
</div>
</div>
</div>
</body>
</html>
<script src="/wwThreads/bower_components/moment/min/moment.min.js"></script>
<script src="/wwThreads/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script><script>
// Date controls - .not() to avoid native control mods
$("#lbldate").not([type=date]).datetimepicker({
format: "MM/DD/YYYY",
keyBinds: { "delete": null } // leave delete key
});
</script>
West Wind Technologies
Making waves on the Web
from Maui
Re: HtmlDateTextBox/BootStrap date picker not working Peter
Rick Strahl
Feb 12, 2016 @ 03:11am
1) I wasn't loading the jquery.min.js script
2) The name of the datetime control is case sensitive.
Thanks for pointing me in the right direction...
Peter
Peter,
Please, open the JavaScript console in your Web Browser (F12 in most browsers) and check for errors in the Console View.
+++ Rick ---
I get no errors when I run the code... when I click on the calendar button nothing happens.
btw I'm not running in the wwthreads folder, I just cleaned up the HTML before I posted and it got inserted.
Do you get errors when you load the page?
Why are you running out of /wwthreads? Is that what you're updating?
~/ should pick up the folder base folder (virtual path) of your Web site. This means either you're running in the /wwthreads/ folder or you're running a really old version of IIS that doesn't provide the virtual path info and it's reading that value out of your YourApp.ini for the virtual directory.
It's the *VirtualPath* for your Virtual/Process class:
<span style="{font-size: xx-small; color: red;}">Code parsing for language: "Plain Text" is not currently supported.<br></span>[Wwdemo]
Datapath=samples\wwDemo\
Htmlpagepath=..\web\wconnect60\
Adoforeignconnectionstring=Provider=sqloledb;Data Source=(local);Initial Catalog=WestWindAdmin;Integrated Security=SSPI
Virtualpath=/wconnect60/
+++ Rick ---
I have been unable to get the BootStrap DateTimePicker to work. I have inserted the appropriate CSS and Script snippets in the appropriate sections and the calendar refuses to work. I have checked to ensure that the CSS/Script files actually exist. What else can i try?
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Power Equipment</title><meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="keywords" content="" /><link rel="shortcut icon" href="/Echo/favicon.ico" type="image/x-icon" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="/Echo/touch-icon.png" /><link rel="icon" href="/Echo/touch-icon.png" />
<meta name="msapplication-TileImage" content="/Echo/touch-icon.png"><link href="/wwThreads/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="/wwThreads/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="/wwThreads/css/application.css" rel="stylesheet" />
<link href="/wwThreads/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet" /><<span class="properties">style>
.row li {
margin-left: -10px;
}
</style>
</head>
<body>
<div class="banner">
<div class="title-bar">
<a href="./">
<img src="images/rightlogo.gif"
style="height: 35px; float: left" />
<div style="float: left; margin: 0px 2px; line-height: 1.0">
<i style="color: orangered; font-size: 12px; font-weight: bold; font-style: italic">NET</i><br />
</div>
</a>
</div>
</div><div id="MainView">
<div class="container">
<div class="input-group" id="lblDate" >
<<span class="commands">input id="lblDate_field" name="lblDate" type='text' type="date" class="form-control"
value="02/09/2016" />
<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>
</div>
</div>
</div>
</body>
</html>
<script src="/wwThreads/bower_components/moment/min/moment.min.js"></script>
<script src="/wwThreads/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script><script>
// Date controls - .not() to avoid native control mods
$("#lbldate").not([type=date]).datetimepicker({
format: "MM/DD/YYYY",
keyBinds: { "delete": null } // leave delete key
});
</script>