Re: Date - time picker
Re: Date - time picker
- Subject: Re: Date - time picker
- From: Mark Gowdy <email@hidden>
- Date: Fri, 13 Oct 2017 20:20:32 +0100
You missed an important bit of my last email:
> 1) Try putting this just before </head>
> <script type="text/javascript">jQuery.noConflict();</script>
> And when you access jQuery in your page, don’t use the ‘$.someThing()’
> notation, use the full ‘jQuery.someThing()’ instead.
Change your:
> <script type = "text/javascript”>
> $(function () {
> $('#datetimepicker1').datetimepicker();
> });
> </script>
to
> <script type = "text/javascript”>
> jQuery(function () {
> jQuery('#datetimepicker1').datetimepicker();
> });
> </script>
or maybe just:
> <script type = "text/javascript”>
> jQuery('#datetimepicker1').datetimepicker();
> </script>
> On 13 Oct 2017, at 17:37, Stavros Panidis <email@hidden> wrote:
>
> Dear Mark,
>
> the following works just fine (you can copy and paste in one of your
> components)
>
> <!DOCTYPE html>
> <html lang = "en">
> <head>
> <meta charset = "utf-8" />
> <meta http-equiv = "X-UA-Compatible" content = "IE=edge" />
> <meta name = "viewport" content = "width=device-width, initial-scale=1.0"
> />
> <link rel = "apple-touch-icon" sizes = "57x57" href =
> "/apple-touch-icon-57x57.png" />
> <link rel = "apple-touch-icon" sizes = "114x114" href =
> "/apple-touch-icon-114x114.png" />
> <link rel = "apple-touch-icon" sizes = "72x72" href =
> "/apple-touch-icon-72x72.png" />
> <link rel = "apple-touch-icon" sizes = "144x144" href =
> "/apple-touch-icon-144x144.png" />
> <link rel = "apple-touch-icon" sizes = "60x60" href =
> "/apple-touch-icon-60x60.png" />
> <link rel = "apple-touch-icon" sizes = "120x120" href =
> "/apple-touch-icon-120x120.png" />
> <link rel = "apple-touch-icon" sizes = "76x76" href =
> "/apple-touch-icon-76x76.png" />
> <link rel = "apple-touch-icon" sizes = "152x152" href =
> "/apple-touch-icon-152x152.png" />
> <link rel = "icon" type = "image/png" href = "/favicon-196x196.png" sizes
> = "196x196" />
> <link rel = "icon" type = "image/png" href = "/favicon-160x160.png" sizes
> = "160x160" />
> <link rel = "icon" type = "image/png" href = "/favicon-96x96.png" sizes =
> "96x96" />
> <link rel = "icon" type = "image/png" href = "/favicon-16x16.png" sizes =
> "16x16" />
> <link rel = "icon" type = "image/png" href = "/favicon-32x32.png" sizes =
> "32x32" />
> <meta name = "msapplication-TileColor" content = "#2b5797" />
> <meta name = "msapplication-TileImage" content = "/mstile-144x144.png" />
> <title>Bootstrap 3 Datepicker</title>
> <link rel = "stylesheet" type = "text/css" media = "screen" href =
> "//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css
> <http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css>" />
> <link rel = "stylesheet" href =
> "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css
> <http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css>"
> />
> <link href = "./css/prettify-1.0.css" rel = "stylesheet" />
> <link href = "./css/base.css" rel = "stylesheet" />
> <link href =
> "//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css
>
> <http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css>"
> rel = "stylesheet" />
> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media
> queries -->
> <!-- [if lt IE 9]>
> <script
> src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js
> <https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js>"></script>
> <script
> src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js
> <https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js>"></script>
> <![endif] -->
> <script type = "text/javascript" src =
> "//code.jquery.com/jquery-2.1.1.min.js
> <http://code.jquery.com/jquery-2.1.1.min.js>">
> </script>
> <script type = "text/javascript" src =
> "//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js
> <http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js>">
> </script>
> <script src =
> "//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js
> <http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js>">
> </script>
> <script src =
> "//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js
>
> <http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js>">
> </script>
>
> </head>
> <body>
> <h3 id = "minimum-setup">Minimum Setup</h3>
> <div class = "container">
> <div class = "row">
> <div class = "col-sm-6">
> <div class = "form-group">
> <div class = "input-group date" id = "datetimepicker1">
> <input type = "text" class = "form-control" />
> <span class = "input-group-addon">
> <span class = "glyphicon glyphicon-calendar"></span>
> </span>
> </div>
> </div>
> </div>
> <script type = "text/javascript”>
> $(function () {
> $('#datetimepicker1').datetimepicker();
> });
> </script>
> </div>
> </div>
> <script src = "./js/prettify-1.0.min.js">
> </script>
> <script src = "./js/base.js">
> </script>
>
> </body>
> </html>
>
> If I just add (according your step 1) line
>
> <script type="text/javascript">jQuery.noConflict();</script>
>
> THEN STOPS WORKING!
>
> The same if I add
>
> <wo:AjaxUpdateContainer id=“my”>
>
> …..
>
> </AjaxUpdateContainer>
>
>
_________________
Mark Gowdy
Gowdy Associates Ltd
M: +44 7808 400 941
Skype: markgowdy
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list (email@hidden)
Help/Unsubscribe/Update your Subscription:
This email sent to email@hidden