JSFiddle

  • fullcalendar with #27 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    $('#calendar').fullCalendar({
      defaultView: 'agendaWeek'
    });
    
  • roundsliderui tooltip customization #8 is the latest revision

    round slider ui tooltip customization as arrow

    $("#slider").roundSlider({
      sliderType: "min-range",
      handleSize: 0,
      handleShape: "square",
      value: 40
    });
  • roundSlider as Color picker #2 is the latest revision

    roundSliderui as Color picker

    //////###############################################//////
    //** code for color picker **//
    $.fn.roundSlider.prototype.updateColor = function () {
      var angle = this._handle1.angle - 90;
      var hsl_color = "hsl(" + angle + ", 100 ...
  • roundslider tooltip format example #3 is the latest revision

    roundslider tooltip format example

    ////*** define the function and use ***////
    window.formatter = function (e) {
      return "€ " + e.value;
    }
    
    $("#slider").roundSlider({
      sliderType: "min-range",
      value: 45,
    
      tooltipFormat: "formatter ...
  • roundslider with gradient theme demo #2 is the latest revision

    roundslider with gradient theme demo

    valueChange = function (e) {
      var l = 50 + ((100 - this.options.value) / 2);
      var colorVal = "hsl(0, 100%, " + l + "%)";
      this.control.find ...
  • roundslider - clock appearance #1222 is the latest revision

    roundslider - clock appearance

    $.fn.roundSlider.prototype._invertRange = true;
    
    // this is core functionality to generate the numbers
    $.fn.roundSlider.prototype.defaults.create = function() {
      var ...
  • roundslider - example #1066 is the latest revision

    A free jQuery plugin and also can call as radial slider and circular slider. For more info please visit: http://roundsliderui.com/

    $("#slider").roundSlider({
        sliderType: "min-range",
        handleShape: "round",
        width: 22,
        radius: 100,
        value: 60
    });
  • roundslider #561 is the latest revision

    A free jQuery plugin and also can call as radial slider and circular slider. For more info please visit: http://roundsliderui.com/

    $("#slider1").roundSlider({
        sliderType: "default",
        value: 40
    });
    
    $("#slider2").roundSlider({
        sliderType: "min-range",
        value: 40
    });
    
    $("#slider3").roundSlider({
        sliderType: "range",
        value: "10,40"
    });
  • roundslider

    A free jQuery plugin and also can call as radial slider and circular slider. For more info please visit: http://roundsliderui.com/

    $("#slider1").roundSlider({
        sliderType: "default",
        value: 40
    });
    
    $("#slider2").roundSlider({
        sliderType: "min-range",
        value: 40
    });
    
    $("#slider3").roundSlider({
        sliderType: "range",
        value: "10,40"
    });