Display the Day of given Date using Jquery.



 You entered Some date it will display the day of that date.
  Example: 02-Feb-2016.
                   Your Entered date is Tuesday.



<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function(){
    $('#datepicker_1').datepicker({
        dateFormat: 'mm/dd/yy',
        showAnim: 'show',
        onSelect: function(dateText){
        var seldate = $(this).datepicker('getDate');
        seldate = seldate.toDateString();
        seldate = seldate.split(' ');
        var weekday=new Array();
            weekday['Mon']="Monday";
            weekday['Tue']="Tuesday";
            weekday['Wed']="Wednesday";
            weekday['Thu']="Thursday";
            weekday['Fri']="Friday";
            weekday['Sat']="Saturday";
            weekday['Sun']="Sunday";
        var dayOfWeek = weekday[seldate[0]];
        $('#dayOfWeekSpan').html("You selcted "+dayOfWeek+"");
        },
        onClose: closeDatePicker_datepicker_1
    });
});
function closeDatePicker_datepicker_1() {
    var tElm = $('#datepicker_1');
    if (typeof datepicker_1_Spry != null && typeof datepicker_1_Spry != "undefined" && test_Spry.validate) {
        datepicker_1_Spry.validate();
    }
    tElm.blur();
}


</script>
</head>

<body>
    <h2>Selected Date to show Day</h2>
<input id="datepicker_1" name="test" type="text" />

<span id="dayOfWeekSpan"></span>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

how to customize dashboard in active admin gem in rails 4

Installation Active Admin is a Ruby Gem. gem 'activeadmin' More accurately, it's a  Rails Engine  that can be injected into your existing Ruby on Rails application. Setting up Active Admin After installing the gem, you need to run the generator. By default we use Devise, and the generator creates an AdminUser  model. If you want to create a different model (or modify an existing one for use with Devise) you can pass it as an argument. If you want to skip Devise configuration entirely, you can pass  --skip-users . rails g active_admin:install # creates the AdminUser class rails g active_admin:install User # creates / edits the class for use with Devise rails g active_admin:install --skip-users # skips Devise install The generator adds these core files, among others: app/admin/dashboard.rb app/assets/javascripts/active_admin.js.coffee app/assets/stylesheets/active_admin.css.scss config/initializers/active_admin.rb Now, migrate
Read more

fibonacci series in Ruby

The Fibonacci Sequence is the series of numbers: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, ... The next number is found by adding up the two numbers before it. The 2 is found by adding the two numbers before it (1+1) Similarly, the 3 is found by adding the two numbers before it (1+2), And the 5 is (2+3), and so on! Fibonacci series in Ruby class Fibonacci   def series     puts "Enter the Fibonacci value"     n=gets.to_i     f1=0     f2=1     f3=0         while f3<n do            f3=f1+f2           puts f3           f1=f2           f2=f3          end     end end obj1=Fibonacci.new obj1.series
Read more

Simple calculator using JQuery and HTML..

<html> <head> <title>Two textbox, when enter data in one textbox, it appears in second textbox</title> <link rel="stylesheet" type="text/css" href="style.css"> /<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ //Addition $("#add").click(function(){ var a = $("#cal1").val();   var b = $("#cal2").val(); $("#result").val(+a + +b); }); //Subtraction $("#sub").click(function(){ var a = $("#cal1").val();    var b = $("#cal2").val(); $("#result").val(+a - +b); }); //Multiplication $("#mul").click(function(){ var a = $("#cal1").val();   v
Read more