Home JS special effects jQuery effects jQuery date selection plugin jalendar

jQuery date selection plugin jalendar

jQuery date selection plugin jalendar

jQuery date selection plugin jalendar2

js code

<script src="js/highlight.pack.js"></script>
<script src="js/documentation.js"></script>

<script type="text/javascript">
$(function () {

    $('#yourId').jalendar({
        customDay: '11/01/2017',
        color: '#577e9a', // Unlimited Colors
        color2: '#57c8bf', // Unlimited Colors
        lang: 'TR'
    });

    $('#yourId2').jalendar({
        color: '#fff',
        type: 'linker',
        customUrl: 'http://www.lanrenzhijia.com/?var=',
        dateType: 'mm-dd-yyyy',
        titleColor: '#333',
        weekColor: '#EA5C49',
        todayColor: '#EA5C49'
    });

    $('#yourId3').jalendar({
        type: 'selector',
        dateType: 'yyyy-mm-dd',
        done: function() {
            alert( $('#yourId3 input.data1').val() );
        }
    });

    $('#yourId4').jalendar({
        customDay: '04/03/2017',
        color: '#52D3D5',
        color2: '#52D5A4',
        type: 'range',
        lang: 'TR',
        done: function() {
            alert( $('#yourId4 input.data1').val() + ' / ' + $('#yourId4 input.data2').val() );
        }
    });
});

The jQuery date selection plug-in jalendar2 has 4 date and time selection codes based on the jalendar plug-in.

Disclaimer

All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn

Related Article

jQuery UI sets fixed date selection special effect code sharing_jquery jQuery UI sets fixed date selection special effect code sharing_jquery

16 May 2016

This article mainly introduces jQuery to implement UI settings for fixed date selection effects. It is recommended to everyone. Friends in need can refer to it.

Example sharing of jquery imitating Apple's time/date selection effect Example sharing of jquery imitating Apple's time/date selection effect

23 Jan 2018

This article mainly introduces examples of time/date selection effects of jquery imitating Apple, which has a good reference value. Let's take a look with the editor below, I hope it can help everyone.

How does the JQuery EasyUI date control control the date selection interval_jquery How does the JQuery EasyUI date control control the date selection interval_jquery

16 May 2016

This article mainly introduces how the JQuery EasyUI date control controls the date selection range. Friends in need can refer to it.

Implement purchase date selection effect based on jQuery sliding bar_jquery Implement purchase date selection effect based on jQuery sliding bar_jquery

16 May 2016

This is a sliding bar purchase date selection plug-in based on jQuery. Its appearance imitates Alibaba Cloud's server purchase date selection interface. This jQuery plug-in is very suitable for use on some virtual product purchase pages. It can help your users quickly select the purchase date of the product. Interested friends can follow the editor to learn

Preparing the plugin: Integrating the jQuery date picker into the post editor Preparing the plugin: Integrating the jQuery date picker into the post editor

04 Sep 2023

We cover a lot of topics on this blog - from as simple as how to include and require template files in a WordPress project to something like a whole series on setting up an API, but I think there's always room for a simple and clear how-to that covers A single specific task within the WordPress context. So, in this two-part series, we'll look at how to introduce a jQuery date picker into our post editor so that we can associate a date with a given post. About Plugins We will do all this in the context of plugins so that the source code can be easily downloaded via GitHub and provide a working example for this tutorial. The first thing to note is that merging jQuery date selectors

Jquery date and time selection plug-in that is close to user experience_jquery Jquery date and time selection plug-in that is close to user experience_jquery

16 May 2016

This article will share with you a Jquery date and time selection plug-in that is close to user experience. Friends who need it can refer to it.

datePicker——date selection control (with jquery)_time and date datePicker——date selection control (with jquery)_time and date

16 May 2016

The usage is very simple, and the js file is also very small. I have seen some date selection controls before, but they are relatively large, which affects the speed.

How to set delay in jquery How to set delay in jquery

26 Apr 2023

In front-end development, we often need to use jQuery to handle some interactive effects and animation effects, such as animation effects when the mouse is hovering, animation effects when the page is loading, etc. But sometimes we need to set a delay time so that these effects can be better expressed. So, how does jQuery set a delay? This article will introduce this issue in detail. 1. Delay method in jQuery In jQuery, delay effect can be easily achieved by using the delay() method. The delay() method can be used

Experience in developing Widgets based on jQuery UI CSS Framework_jquery Experience in developing Widgets based on jQuery UI CSS Framework_jquery

16 May 2016

jQuery UI CSS Framework is a style framework in jQuery UI. You can use jQuery Theme roller to generate the css style effects you want. We can use some frameworks of jQuery UI to develop plug-ins based on jQuery UI CSS Framework effects.

See all articles See all articles

Hot Tools

jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects

jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects

A very popular jQuery Valentine's Day confession fireworks animation special effect on Douyin, suitable for programmers and technical geeks to express their love to the girl they love. No matter you choose to be willing or not, you have to agree in the end.

layui responsive animated login interface template

layui responsive animated login interface template

layui responsive animated login interface template

520 Valentine's Day confession web animation special effects

520 Valentine's Day confession web animation special effects

jQuery Valentine's Day Confession Animation, 520 Confession Background Animation

Cool system login page

Cool system login page

Cool system login page

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER