DateTime Button click

Question

1.00/5 (1 vote)

See more:

I work on a MVC project and make a mvc site as application.

At the moment I want this button to pop up a calender menu:

<a class="calender-button" href="#"><img src="~/Content/images/icon-calendar.png" /></a>

I'm using the Bootstrap 3 Datepicker

Posted 29-Sep-15 23:04pm

Wessel Beulink

Updated 29-Sep-15 23:38pm

Leo Chapiro

v5

Add a Solution

Comments

Thanks7872 30-Sep-15 6:12am

And? What is your question?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Palash Mondal_ · Accepted Answer · 2015-09-29T23:45:00

Solution 1

You can set a hidden input and on click of it show the datetimepicker like:

HTML:

HTML

<a class="calender-button" href="#">
   Click Here
</a>
<input type="hidden" id="yourField" />

JS:

JavaScript

$('#yourField').datetimepicker();
$('.calender-button').click(function (e) {
    e.preventDefault();
    $('#yourField').data("DateTimePicker").toggle();
});

Posted 29-Sep-15 23:45pm

Palash Mondal_

Comments

Wessel Beulink 30-Sep-15 6:31am

Uncaught TypeError: Cannot read property 'toggle' of undefined

included the .js of the datepicker. Datetimepicker is not valid because i don't have a datetimepicker in my project files. It's returning me te follow error when i use it on datepicker. Removed the toggle and the defaults of the function. still not showing me what is suppose to do.

Already check the bundleconfig on failures but can't find it so far.

bundleconfig:

bundles.Add(new ScriptBundle("~/bundles/timepicker").Include(
"~/Scripts/bootstrap-datepicker.js"));

and the render:

@Scripts.Render("~/bundles/timepicker")

Palash Mondal_ 30-Sep-15 6:36am

Sorry my bad you have told that you are using bootstrap-datetimepicker.js but in the code you are using bootstrap-datepicker.js. It's much easier with datepicker. you can just use shownOn property here. Hope you can take it from here.

Wessel Beulink 30-Sep-15 7:08am

Yes Thanks <3